easyUI的datagrid表格分页问题

easyUI的datagrid表格分页问题,第1张

var p = $('#xxx').datagrid('getPager')

$(p)

.pagination(

{

pageSize : 10,// 每页显示的记录条数,默认为10

pageList : [ 10, 15, 20, 25, 30 ],// 可以设置每页记录条数的列表

beforePageText : '跳到',// 页数文本框前显示的汉字

afterPageText : '页 <input type="button" value="go" onclick="enterClick()"> 共 {pages} 页',

displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录'

})

参考

EasyUI 版本:1.3

疑惑:在使用datagrid 时,初始化参数中设置了pageSize,但是无效,程序还是使用默认的10条每页显示。

常见错误代码:

$('#myGrid').datagrid({

pageSize:15

})

原因:pageSize 不能单独使用,必须和pageList联合使用。另外还要提醒一点,如果pageSize的值不在pageList中时,程序会以pageList中最小的值显示,而设置的pageSize依然无效。

如下配置有效,加载数据后能显示20条数据:

pageSize:20,

pageList: [15, 20, 30],

如下配置,则pageSize无效(原因是页面大小15不在pageList集合中),加载数据后能显示10条数据:

pageSize:15,

pageList: [10, 20, 30],


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11297881.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存