分页
使用$.fn.pagination.defaults重载默认值。
依赖关系
- 链接按钮
使用指南
- <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
- $('#pp').pagination({
- total:2000,
- pageSize:10
- });
属性
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
total(总数) | number(数字) | 总记录数,当创建分页时必须设置。 | 1 |
pageSize(每页记录数) | number(数字) | 每页显示的记录数。 | 10 |
pageNumber(当前页码) | number(数字) | 当分页创建完毕时显示当前页码。 | 1 |
pageList(可选择的每页记录数) | array(数组) | 用户能够改变每页显示的记录数。 | [10,20,30,50] |
loading(是否正在载入) | boolean(布尔型) | 定义数据是否正在载入。 | false |
buttons(按钮) | array(数组) | 自定义按钮,每个按钮包含2个属性: iconCls: 显示背景图片的CSS类 handler: 当按钮被点击时调用的一个句柄函数 | null |
showPageList(显示可选择的每页记录数) | boolean(布尔型) | 定义是否显示可选择的每页记录数。 | true |
showRefresh(显示刷新) | boolean(布尔型) | 定义是否显示刷新按钮。 | true |
beforePageText(输入框之前的文本) | string(字符串) | 在输入框之前显示的符号。 | Page |
afterPageText(输入框之后的文本) | string(字符串) | 在输入框之后显示的符号。 | of {pages} |
displayMsg(显示信息) | string(字符串) | 在插件右上方显示分页信息。 | Displaying {from} to {to} of {total} items |
事件
名称 | 参数 | 描述 |
---|---|---|
onSelectPage | pageNumber, pageSize | 当用户进行翻页时触发,回调函数包含2个参数: pageNumber: 下一页的页码 pageSize: 下一页的显示记录数 |
onBeforeRefresh | pageNumber, pageSize | 刷新之前触发, 返回false将取消刷新。 |
onRefresh | pageNumber, pageSize | 刷新之后触发。 |
onChangePageSize | pageSize | 当用户修改每页显示记录数时触发。 |
方法
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回分页属性对象。 |
loading | none | 提醒分页插件正在载入。 |
loaded | none | 提醒分页插件已经载入。 |