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

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

 

easyui分页的使用方法