jQuery EasyUI API 中文文档 - 分页
2012-03-19 22:26
447 查看
Pagination 分页
linkbutton
用法
1. <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
1. $('#pp').pagination({
2. total:2000,
3. pageSize:10
4. });
特性
事件
Methods
用 $.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 | 当用户改变页面尺寸时触发。 |
名称 | 参数 | 说明 |
options | none | 返回options对象。 |
loading | none | 把pagination变成正在加载(loading)状态。 |
loaded | none | 把pagination变成加载完成(loaded)状态。 |
相关文章推荐
- jQuery EasyUI API 中文文档 - Pagination分页
- jQuery EasyUI API 中文文档 - 分页
- jQuery EasyUI API 中文文档 - 菜单按钮(MenuButton)
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 菜单按钮(menubutton)
- jQuery EasyUI API 中文文档 - Dialog对话框
- jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
- jQuery EasyUI API 中文文档 - 数值微调器(NumberSpinner)
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 日期时间框(DateTimeBox)
- jQuery EasyUI API 中文文档 - 对话框(Dialog)
- jQuery EasyUI API 中文文档 - ProgressBar 进度条
- jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
- jQuery EasyUI API 中文文档 - ComboBox组合框
- jQuery EasyUI API 中文文档 - NumberBox数字框
- jQuery EasyUI API 中文文档 - 数字框(NumberBox)
- jQuery EasyUI API 中文文档 - Tree树使用介绍
- jQuery EasyUI API 中文文档 - 表单(form补充)
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jQuery EasyUI API 中文文档 - 表格树(Treegrid)