您的位置：首页 > 其它

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

2017-01-12 09:42 507 查看

系列索引

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

Webjquery表格组件JQGrid的使用-4.JQGrid参数、ColModelAPI、事件及方法

Webjquery表格组件JQGrid的使用-5.Pager翻页、搜索、格式化、自定义按钮

Webjquery表格组件JQGrid的使用-6.准备工作&HelloJQGrid

Webjquery表格组件JQGrid的使用-7.查询数据、编辑数据、删除数据

Webjquery表格组件JQGrid的使用-8.Pager、新增数据、查询、刷新、查看数据

Webjquery表格组件JQGrid的使用-全部代码

Webjquery表格组件JQGrid的使用-11.问题研究

JQGrid导出Excel文件

使用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或者json
Reader

但我测试无效


vargrid=$('#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%' }); varreader={ root:function(obj){returnresults.rows;}, page:function(obj){returnresults.page;}, total:function(obj){returnresults.total;}, records:function(obj){returnresults.records;}, grid.setGridParam({data:results.rows,localReader:reader}).trigger('reloadGrid');

　　

My"results"isanobjectlikethis:

{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获得所有行数据

varobj=$("#tablename").jqGrid("getRowData");

获取到的数据也是第一页的

建议解决办法：

1.使用后台返回的json数据，参考Webjquery表格组件JQGrid的使用-6.准备工作&HelloJQGrid


url:"WebService/UserHandler.ashx", datatype:"json",

　

2.自定义数据分页

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

未尝试，感觉比较麻烦

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

rowNum:1000, rowList:[1000],

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

4.其他

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


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航