Easyui页面分页问题
在使用easyui的分页功能时,设置的pageList为[20,30,40,50],代码如下:
//初始化page功能 function configPage(){ var p = $('#dg').datagrid('getPager'); $(p).pagination({ pageSize:psize, pageList:[20,30,40,50], beforePageText:'第 ', afterPageText:'页 共{pages} 页', displayMsg:'当前显示{from} - {to}条记录 共{total}条记录', onSelectPage: function(pageNumber, pageSize){ pgnum = pageNumber; psize = pageSize; $("#dg").data().datagrid.cache = null; reloadData(); } }); }
function reloadData(){ $('#dg').datagrid({ pageSize:psize, pageNumber:pgnum, url:'/Portal/getData.jsp', queryParams:{ name:'ud', num:pgnum, psize:psize, flag_query:flag_query, datastatus:datamode, date1:date1_a, date2:date2_a, bid:bid_a }, onLoadSuccess:function () { $(this).datagrid("fixRownumber"); } }); configPage(); }
当pageList为[20,30,40,50]的时候是没有任何问题的,但是当我把pageList[50,100,150,200]的时候却出现了问题,当pageSize改变的时候却不能正确的显示,不仅数据不能正确显示,每行的id好也是NAN,难道easyui在pageSize上还有大小的限制?
这个是正常的,默认pageSize为50的时候,可以正常翻页,没有问题,下面是从pageList中选择100作为pageSize的时候出现的情况:
每条记录的序号都变成了NaN,这时候再点击翻页按钮,在数据刷新的过程中出现了下面这种情况:
看到没,整个翻页栏原本是在底部的,这时候跑到顶部了,然后等数据刷新完成之后,如下图:
看到了,序号又是NaN,而且,当你再次点击翻页按钮的时候,重复了上面第三和第四张图的过程,数据刷出来始终实在第一页
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在的啊,pageList:[50,100,150,200,250],如果不选择pageSize,也就是默认的pageSize=50,这种情况下翻页是完全没有问题的,但是一旦选择了其他的pageSize,就出问题了,显示数据不能正确显示,再一个,每一行的序号都为NAN,没法翻页,翻来翻去都是第一页
是不是你的pagesize没有在pagelist里面。。。。