This topic contains 5 replies, has 2 voices, and was last updated by sjkcwatson 10 years, 5 months ago.
-
I’ve tried copying and pasting to see what I’m missing. My grid is bound to json data and working correctly, however when I turn on the paging, the “row” that contains the page controls is flushed to the top and hidden behind my grid. If I resize my grid columns to very small I can see it behind and use them. I’m hoping someone can tell me what I am missing.
<%@ Page Language=”vb” runat=”server” AutoEventWireup=”false” CodeBehind=”test_translations.aspx.vb” AspCompat=”true” ValidateRequest=”true” %><!–#include file=”include_declarations.inc”–>
<% Dim ShowType As String%><%
Session(“sysmsg”) = “ORIAS”
Session(“sysmsg2”) = “back somewhere”%>
<!–#include file=”dbConnNet.inc”–>
<!–#include file=”maintenance\check_userNet.asp”–><!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head id=”Head1″ runat=”server”>
<title>ORIAS</title>
<link href=”css/css_main.css” rel=”stylesheet” type=”text/css” />
<link href=”css/css_print.css” rel=”stylesheet” type=”text/css” media=”print” />
</head><body>
<link rel=”stylesheet” href=”javascript/jqwidgets/styles/jqx.base.css” type=”text/css” />
<link rel=”stylesheet” href=”javascript/jqwidgets/styles/jqx.base.css” />
<link rel=”stylesheet” href=”javascript/jqwidgets/styles/jqx_oriasmenu.css” type=”text/css” />
<link rel=”stylesheet” href=”javascript/jqwidgets/styles/jqx.energyblue.css” type=”text/css” />
<script type=”text/javascript” src=”javascript/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxdropdownbutton.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxcalendar.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxnumberinput.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxdatetimeinput.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxgrid.edit.js”></script>
<script type=”text/javascript” src=”javascript/jqwidgets/jqxpanel.js”></script><script type=”text/javascript”>
var THEMESETTING = { theme: “oriasblue” },
url = “WebServices/OriasWcfService.svc/GetTranslationList”,
gridData, gridDataAdapter, gridSource, id, result, rowindex, key, rowId, themeSource,
gridRowCount, index, item, label, value, mainGridDetail, container;// define source for main grid
gridSource = {
datatype: “json”,
datafields: [
{ name: ‘TransID’, type: ‘integer’ },
{ name: ‘English’, type: ‘string’ },
{ name: ‘Dutch’, type: ‘string’ },
{ name: ‘Portuguese’, type: ‘string’ },
],
cache: false,
id: ‘TransID’,
url: url,
async: false,
pager: function (pagenum, pagesize, oldpagenum) {// callback called when a page or page size is changed.
}
};$(document).ready(function () {
gridDataAdapter = new $.jqx.dataAdapter(gridSource, {
contentType: ‘application/json; charset=utf-8’,
autoBind: true,
downloadComplete: function (data) {
return data.d;
},
loadError: function (status, error) {
alert(“An error occurred with the jqxDataAdapter: ” + String(error) + “.\nThe status is currently: ” + String(status));
}
});var imagerenderer = function (row, datafield, value) { return ‘
‘; }
gridRowCount = gridDataAdapter.records;
$(“#jpxgridDutch”).jqxGrid({
width: ‘95%’,
source: gridDataAdapter,
selectionmode: ‘multiplerowsextended’,
sortable: true,
pageable: true,
autoheight: true,
columnsresize: true,
pagermode: ‘simple’,
columns: [
{ text: ‘ID’, dataField: ‘TransID’, width: ‘5%’, cellsalign: ‘left’, align: ‘left’ },
{ text: ‘English’, dataField: ‘English’, width: ‘45%’, cellsalign: ‘left’, align: ‘left’ },
{ text: ‘Dutch’, dataField: ‘Dutch’, width: ‘45%’, cellsalign: ‘left’, align: ‘left’ },
]
});$(“#jpxgridDutch”).jqxGrid(THEMESETTING);
});</script>
<div id=’jqxWidget’ style=”font-size: 13px; font-family: Verdana;”>
<script type=”text/javascript” src=”javascript/sysadm_translations_dutch.js”></script>
<div id=”jpxgridDutch”></div>
</div></body>
</html>
You must be logged in to reply to this topic.