ProgressBar
进度条
用
$.fn.progressbar.defaults
重写
defaults
。
依赖
- none
用法示例
创建ProgressBar
ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。
1. <div id="p" class="easyui-progressbar" style="width:400px;"></div>
获取或者设置值
我们获取当前值并且给这个组件设置一个新值。
1. var value = $('#p').progressbar('getValue');
2. if (value < 100){
3. value += Math.floor(Math.random() * 10);
4. $('#p').progressbar('setValue', value);
5. }
特性
名称 |
类型 |
说明 |
默认值 |
width |
string |
设置progressbar的宽度。 |
auto |
value |
number |
百分比值。 |
0 |
text |
string |
显示在组件上的文字的模板。 |
{value}% |
事件
名称 |
参数 |
说明 |
onChange |
newValue,oldValue |
当值改变的时候触发。 |
方法
名称 |
参数 |
说明 |
options |
none |
返回options对象。 |
resize |
width |
调整组件尺寸。 |
getValue |
none |
返回当前的进度值。 |
setValue |
value |
设置一个新的进度值。 |
