发布于 2016-08-31 06:48:08 | 163 次阅读 | 评论: 0 | 来源: 网友投递
EasyUI jQuery UI插件
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
用 $.fn.pagination.defaults 重写了 defaults。
依赖
linkbutton
用法
<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
$('#pp').pagination({
total:2000,
pageSize:10
});
特性
名称 |
类型 |
说明 |
默认值 |
total |
number |
记录总数,应该在创建pagination时设置。 |
1 |
pageSize |
number |
页面尺寸。(译者注:每页显示的最大记录数) |
10 |
pageNumber |
number |
创建pagination时显示的页码。 |
1 |
pageList |
array |
用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。 |
[10,20,30,50] |
loading |
boolean |
定义了是否数据正在加载。 |
false |
buttons |
array |
定义了自定义按钮,每个按钮包含两个特性: |
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 |
当用户选择新的页面时触发。回调函数包含两个参数: |
onBeforeRefresh |
pageNumber, pageSize |
刷新按钮点击之前触发,返回false就取消刷新动作。 |
onRefresh |
pageNumber, pageSize |
刷新之后触发。 |
onChangePageSize |
pageSize |
当用户改变页面尺寸时触发。 |
Methods
名称 |
参数 |
说明 |
options |
none |
返回options对象。 |
loading |
none |
把pagination变成正在加载(loading)状态。 |
loaded |
none |
把pagination变成加载完成(loaded)状态。 |