jqGrid 寻呼机停止工作

Question

过去几天我一直在尝试 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>

提前致谢， // 莱纳斯

Answer 1

不在测试代码的地方，但尝试将“sortorder”值“Asc”更改为全部小写。

如果您正在实现服务器端分页，则添加此属性：

loadonce: false;

参考： http://www.trirand.com/jqgridwiki/doku.php ?id=wiki:options

还要在服务器端代码上测试请求是否来自第二页！