博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jqgrid pager 关于“local” dataType 动态加载数据分页的研究(没好用的研究结果)...
阅读量:6670 次
发布时间:2019-06-25

本文共 1933 字,大约阅读时间需要 6 分钟。

系列索引

 

 

 

 

使用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.其他

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

 

 

转载地址:http://jclxo.baihongyu.com/

你可能感兴趣的文章
作业三(雷松)
查看>>
ireport如何拼接sql?
查看>>
Redis集群架构
查看>>
POJ3617 Best Cow Line【水题】
查看>>
B00005 函数atoi()(去空格,带符号)
查看>>
Bootstrap 简介: 创建响应式、移动项目的工具
查看>>
gulp的流与执行顺序
查看>>
8_任意系统命令执行
查看>>
分享讨论
查看>>
java~springboot~h2数据库在单元测试中的使用
查看>>
Nuget~管理自己的包包
查看>>
基础才是重中之重~你是否真正在用MVC路由功能~续
查看>>
sql 学习
查看>>
Javascript模块化编程(三)require.js的用法及功能介绍
查看>>
微信小程序云开发项目实战进阶 - 诗词大全&成语接龙
查看>>
mysql的下载安装
查看>>
WebConfigurationManager读写配置文件
查看>>
责任链模式
查看>>
自适应网页制作总结
查看>>
jquery-easyui 树的使用笔记
查看>>