使用:
$("#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