Easyui页面分页问题

发布于 2021-11-25 04:37:35 字数 2059 浏览 960 评论 2

在使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

风苍溪 2021-11-28 12:51:25

在的啊,pageList:[50,100,150,200,250],如果不选择pageSize,也就是默认的pageSize=50,这种情况下翻页是完全没有问题的,但是一旦选择了其他的pageSize,就出问题了,显示数据不能正确显示,再一个,每一行的序号都为NAN,没法翻页,翻来翻去都是第一页

无人问我粥可暖 2021-11-27 21:03:08

是不是你的pagesize没有在pagelist里面。。。。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文