easyui控件，如何使用分页功能

最新推荐文章于 2024-08-23 16:26:38 发布

张大教主

最新推荐文章于 2024-08-23 16:26:38 发布

阅读量1.5k

点赞数 1

分类专栏： easyui web 文章标签： easyui pagination

本文链接：https://blog.csdn.net/u014074697/article/details/75040097

版权

本文介绍了如何在EasyUI中使用分页功能，通过定义全局变量dgPageNumber和dgPageSize来记录当前页码和每页记录数。在datagrid加载成功后，利用内置的pagination方法监听页码和页面大小的改变，动态更新datagrid的设置，并在页码或页面大小变化时刷新数据。

摘要由CSDN通过智能技术生成

//定义两个全局变量,用于存放最新的pageSize和pageNumber，在datagrid加载完毕函数中，捕捉列表页各种动作并记录当前页和页面条数
//根据新的页码和页面条数，刷新数据

var dgPageNumber=1;//初始页码
var dgPageSize=10;//初始页记录数
$("#dg").datagrid({
pagination:true,
pageNumber:dgPageNumber,
pageSize:dgPageSize,
onLoadSuccess:function(data){
$("#dg").datagrid('getPager').pagination({
onRefresh:function(pageNumber,pageSize){
dgPageNumber=pageNumber;
dgPageSize=pageSize;
$("#dg").datagrid({
pageNumber:pageNumber,
pageSize:pageSize
});
//页码刷新后，数据要刷新，重新根据新页码查询数据
//loadData()
},
onChangePageSize:function(pageSize){
dgPageSize=pageSize;
$("#dg").datagrid({
pageNumber:dgPageNu