Jqgrid pager 关于“local” dataType 动态加载数据分页的研究（没好用的研究结果）

系列索引

使用Jqgrid时突然发现数据类型为local时，

datatype: 'local',

data:datas,
rowNum: 10,
rowList: [10],

指定data的datas长度大于rowNum时，pager点击下一页最后一页都是无效的

使用

$(grid)[0].addJSONData(jsongrid);

也一样无效。

搜索发现不少使用

http://*.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数据，参考Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid

url: "WebService/UserHandler.ashx",

 datatype: "json",

2.自定义数据分页

　在onPaging事件里处理参考Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法事件

未尝试，感觉比较麻烦

3.数据量不是太大时，本地数据一般数据量不会太大

rowNum: 1000,

rowList: [1000],

　　修改这两个不让翻页，改成拉滚动条吧

4.其他

欢迎高手给建议解决这个问题

秒客网

Jqgrid pager 关于“local” dataType 动态加载数据分页的研究（没好用的研究结果）

系列索引

Web jquery表格组件 JQGrid 的使用 - 从入门到精通开篇及索引

Jqgrid pager 关于“local” dataType 动态加载数据分页的研究（没好用的研究结果）

系列索引

Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引

Web jquery表格组件 JQGrid 的使用 - 从入门到精通开篇及索引