系列索引
使用Jqgrid时突然发现 数据类型为local时,
datatype: 'local',data:datas, rowNum: 10, rowList: [10],
指定data的datas长度大于rowNum时,pager点击下一页最后一页都是无效的
使用
$(grid)[0].addJSONData(jsongrid);
也一样无效。
搜索发现不少使用
http://stackoverflow.com/questions/5537728/jqgrid-pager-not-working-with-local-datatype
localReader或者jsonReader 但我测试无效
var grid = $('#table').jqGrid({ datatype: 'local', altRows: true, colModel: [ {name: '0', label: "Name"}, {name: '1', label: "Color"}, ], pager: "#pager", rowNum: 15, sortname: '0', viewrecords: true, gridview: true, height: '100%', autowidth: '100%'});var reader = { root: function(obj) { return results.rows; }, page: function(obj) { return results.page; }, total: function(obj) { return results.total; }, records: function(obj) { return results.records; },grid.setGridParam({data: results.rows, localReader: reader}).trigger('reloadGrid');
My "results" is an object like this:
{page: "1", total: "70", records: "1045", rows:[.....]}
jsonReader格式如下:
jQuery("#gridid").jqGrid({... jsonReader :{root: "rows", //数据模型page: "page",//数据页码total: "total",//数据总页码records: "records",//数据总记录数repeatitems: true,//如果设为false,则jqGrid在解析json时,会根据name(colmodel 指定的name)来搜索对应的数据元素(即可以json中元素可以不按顺序)cell: "cell",//root 中row 行id: "id",//唯一标识userdata: "userdata",subgrid: {root:"rows", repeatitems: true, cell:"cell"}},... });示例json 数据格式; {"total": "xxx", "page": "yyy", "records": "zzz","rows" : [{"id" :"1", "cell" :["cell11", "cell12", "cell13"]},{"id" :"2", "cell":["cell21", "cell22", "cell23"]},... ]}
注意到加载json数据时
$(grid)[0].addJSONData(jsongrid);
是$(grid)[0]而不是$(grid)推测[0]表示第一页,也就是数据全部加载到第一页了,但第一页数据数量受rowNum的限制 jqGrid获得所有行数据var obj=$("#tablename").jqGrid("getRowData");
获取到的数据也是第一页的
建议解决办法:
1.使用后台返回的json数据,参考
url: "WebService/UserHandler.ashx", datatype: "json",
2.自定义数据分页
在onPaging事件里处理 参考 事件
未尝试,感觉比较麻烦
3.数据量不是太大时,本地数据一般数据量不会太大
rowNum: 1000,rowList: [1000],
修改这两个不让翻页,改成拉滚动条吧
4.其他
欢迎高手给建议解决这个问题