1. Base（基础）
1.1 Progressbar 进度条
通过 $.fn.progressbar.defaults 重写默认的 defaults。
进度条（progressbar）提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。
依赖
- none
用法
创建进度条（ProgressBar）
进度条（ProgressBar）组件可以从 html 标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' class 加入到 <div> 标记。
<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>使用 javascript 创建进度条（ProgressBar）。
<div id="p" style="width:400px;"></div>
$('#p').progressbar({
value: 60
});获取或者设置值
我们获取当前值并且给这个组件设置一个新值。
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | string | 设置进度条（progressbar）的宽度。 | auto |
| height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
| value | number | 百分比值。 | 0 |
| text | string | 显示在组件上的文本模板。 | {value}% |
事件
| 名称 | 参数 | 描述 |
|---|---|---|
| onChange | newValue,oldValue | 当值改变时触发。 代码实例：
|
方法
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| resize | width | 调整组件尺寸。 代码实例：
|
| getValue | none | 返回当前的进度值。 |
| setValue | value | 设置一个新的进度值。 |
1.2 Pagination 分页
通过 $.fn.pagination.defaults 重写默认的 defaults。
分页（pagination）允许用户通过翻页导航数据。它支持页面导航和页面长度选择的可配置选项。用户可以在分页的右侧添加自定义按钮来增强功能。
依赖
- linkbutton
用法
通过标记创建分页（pagination）。
<div id="pp" class="easyui-pagination" style="background:#efefef;border:1px solid #ccc;"
data-options="total:2000,pageSize:10">
</div>使用 javascript 创建分页（pagination）。
<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div>
$('#pp').pagination({
total:2000,
pageSize:10
});让我们通过面板（panel）和分页（pagination）插件创建 ajax 分页（pagination）。当用户选择一个新的页面时，面板（panel）将显示指定页面的相应内容。
<div id="content" class="easyui-panel" style="height:200px"
data-options="href:'show_content.php?page=1'">
</div>
<div class="easyui-pagination" style="border:1px solid #ccc;"
data-options="
total: 2000,
pageSize: 10,
onSelectPage: function(pageNumber, pageSize){
$('#content').panel('refresh', 'show_content.php?page='+pageNumber);
}">
</div>顶部的面板（panel）默认显示第一个页面的内容。当用户导航页面时，'onSelectPage' 事件将被触发，该事件为内容面板（panel）调用 'refresh' 方法来加载带有一个新的 URL 参数的新页面内容。
属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| total | number | 记录总数，应该在创建分页（pagination）时设置。 | 1 |
| pageSize | number | 页面尺寸。（注：每页显示的最大记录数） | 10 |
| pageNumber | number | 创建分页（pagination）时显示的页码。 | 1 |
| pageList | array | 用户能改变页面尺寸。pageList 属性定义了能改成多大的尺寸。 代码实例： $('#pp').pagination({
pageList: [10,20,50,100]
});
|
[10,20,30,50] |
| loading | boolean | 定义数据是否正在加载。 | false |
| buttons | array,selector | 定义自定义按钮，可能的值： 1、数组，每个按钮包含两个属性： iconCls：CSS class，它将显示一个背景图片 handler：当按钮被点击时的处理函数 2、选择器，指示按 |
