过去几天我一直在尝试使用jqGrid 4.1.2,在此过程中激活了越来越多的内置功能。寻呼机停止工作的某个地方,我无法弄清楚出了什么问题。当网格加载时,我可以看到第一页的数据很好,但是当我切换页面时,数据保持不变。只有柜台改变了。如果我在行数下拉列表中选择100,我可以看到所有数据。
我比较了http://www.trirand.com/blog/jqgrid/jqgrid.html的例子,一切似乎都匹配,但我承认我不是最好的JavaScript编码器。这是有问题的代码:
<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {
jQuery("#testgrid").jqGrid({
url:'/Main/DynamicGridData/',
mtype:'POST',
datatype:'json',
colNames: [
'CustomerId',
'RecordStartUtc',
'RecordEndUtc',
'Id',
'Name',
'Status',
'AudioTitle',
'ServerId',
'ServerName',
'ApplicationInstanceId',
'ApplicationInstanceName',
'ApplicationName',
'ChannelId',
'ChannelFullName',
],
colModel: [
{ name: 'CustomerId', index: 'CustomerId', width: 0, align: 'left' },
{ name: 'RecordStartUtc', index: 'RecordStartUtc', width: 0, align: 'left' },
{ name: 'RecordEndUtc', index: 'RecordEndUtc', width: 0, align: 'left' },
{ name: 'Id', index: 'Id', width: 0, align: 'left' },
{ name: 'Name', index: 'Name', width: 0, align: 'left' },
{ name: 'Status', index: 'Status', width: 0, align: 'left' },
{ name: 'AudioTitle', index: 'AudioTitle', width: 0, align: 'left' },
{ name: 'ServerId', index: 'ServerId', width: 0, align: 'left' },
{ name: 'ServerName', index: 'ServerName', width: 0, align: 'left' },
{ name: 'ApplicationInstanceId', index: 'ApplicationInstanceId', width: 0, align: 'left' },
{ name: 'ApplicationInstanceName', index: 'ApplicationInstanceName', width: 0, align: 'left' },
{ name: 'ApplicationName', index: 'ApplicationName', width: 0, align: 'left' },
{ name: 'ChannelId', index: 'ChannelId', width: 0, align: 'left' },
{ name: 'ChannelFullName', index: 'ChannelFullName', width: 0, align: 'left' },
],
pager:'#gridpager',
rowNum:25,
rowList:[25,50,75,100],
sortname:'Id',
sortorder:'Asc',
viewrecords:true,
imgpath:'/Content/themes/base/images',
caption:'Test Grid',
autowidth:true,
width:'100%',
height:'100%',
hoverrows:false
});
jQuery("#testgrid").jqGrid(
'navGrid','#gridpager',
{view:true,edit:false,add:false,del:false},{},{},{},
{multipleSearch:true,multipleGroup:false},{closeOnEscape:true}
);
});
</script>
<table id="testgrid"></table>
<div id="gridpager"></div>
提前致谢, // Linus
答案 0 :(得分:0)
不是在测试代码的地方,而是尝试将“sortorder”值'Asc'更改为全部小写。
如果要实现服务器端分页,请添加此属性:
loadonce:false;
参考:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options
如果请求完全进入第二页,请测试服务器端代码!