首页 > 代码库 > easyui分页的使用方法

easyui分页的使用方法

2024-10-01 06:12:39   216人阅读

使用：

$("#tt").datagrid("getPager").pagination(option);

例子：

$("#tb").datagrid("getPager").pagination({
    total: 100,
    pageSize: 10,
    pageList: [10,20,30],
    onSelectPage: function(pageNumber, pageSize) {
        console.log(pageNumber,pageSize);
    }
});

pagination的属性：

属性名 类型 描述 默认值
total 数字 当分页建立时设置记录的总数量 1
pageSize 数字 每一页显示的数量 10
pageNumber 数字 当分页建立时，显示的页数 1
pageList 数组

用户可以修改每一页的大小，

pageList属性定义了多少种大小可以改变

 [10,20,30,50]
loading 布尔 定义数据是否正在加载 false
buttons 数组

定义自定义按钮，每个按钮包含两个属性：

iconCls：显示背景图像的css类；

handler：当一个按钮被点击时的处理函数

  
showPageList 布尔 定义是否显示页面列表 true
showRefresh 布尔 定义是否显示刷新按钮 true
beforePageText 字符串 在输入框组件前显示的标签 Page
afterPageText 字符串 在输入框组件后显示的标签 of {pages}
displayMsg 字符串 显示一个页面的信息

Displaying {from} to {to} of {total} items

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

pagination的事件：

事件名 参数 描述
onSelectPage pageNumber,pageSize

当用户选择一个新页时触发，回调函数包含两个参数：

pageNumber：新页面的页数；

pageSize新页面的大小
onBeforeRefresh pageNumber,pageSize 刷新按钮被点之前触发，如果返回false则取消刷新操作
onRefresh pageNumber,pageSize 刷新以后触发
onChangePageSize pageSize 当改变页面大小时触发
     

 

 

 

 

 

 

 

 

 

 

 

jquery easyui 分页的使用方法：http://www.jquerycn.cn/a_3129

 

easyui分页的使用方法


联系
我们