easyui分页的使用方法

使用：

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