Pagination 分页
用 $.fn.pagination.defaults 重写了 defaults。
依赖
- linkbutton
用法
1. <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
1. $('#pp').pagination({
2. total:2000,
3. pageSize:10
4. });
特性
| 名称 | 类型 | 说明 | 默认值 |
| total | number | 记录总数，应该在创建pagination时设置。 | 1 |
| pageSize | number | 页面尺寸。（译者注：每页显示的最大记录数） | 10 |
| pageNumber | number | 创建pagination时显示的页码。 | 1 |
| pageList | array | 用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。 | [10,20,30,50] |
| loading | boolean | 定义了是否数据正在加载。 | false |
| buttons | array | 定义了自定义按钮，每个按钮包含两个特性： iconCls：CSS类，它将显示一个背景图片 handler：当按钮被点击时的处理函数。 |
null |
| showPageList | boolean | 定义了是否显示页面列表。 | true |
| showRefresh | boolean | 定义了是否显示刷新按钮。 | true |
| beforePageText | string | 在input组件之前显示label。 | Page |
| afterPageText | string | 在input组件之后显示label。 | of {pages} |
| displayMsg | string | 显示页面信息。 | Displaying {from} to {to} of {total} items |
事件
| 名称 | 参数 | 说明 |
| onSelectPage | pageNumber, pageSize | 当用户选择新的页面时触发。回调函数包含两个参数： pageNumber：新的页码 pageSize：新的页面尺寸 |
| onBeforeRefresh | pageNumber, pageSize | 刷新按钮点击之前触发，返回false就取消刷新动作。 |
| onRefresh | pageNumber, pageSize | 刷新之后触发。 |
| onChangePageSize | pageSize | 当用户改变页面尺寸时触发。 |
Methods
| 名称 | 参数 | 说明 |
| options | none | 返回options对象。 |
| loading | none | 把pagination变成正在加载（loading）状态。 |
| loaded | none | 把pagination变成加载完成（loaded）状态。 |
时间： 2024-09-29 23:11:27