51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

jQuery EasyUI API 中文文档 - ProgressBar 进度条

用$.fn.progressbar.defaults重写defaults。
依赖
none
用法示例
创建ProgressBar
ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记。
++复制代码++ 代码如下:
<div id="p" class="easyui-progressbar" style="width:400px;"></div>


获取或者设置值
我们获取当前值并且给这个组件设置一个新值。
++复制代码++ 代码如下:

var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}

特性 {#content}

|--------|--------|-------------------|----------| | 名称 | 类型 | 说明 | 默认值 | | width | string | 设置progressbar的宽度。 | auto | | value | number | 百分比值。 | 0 | | text | string | 显示在组件上的文字的模板。 | {value}% |

事件

|----------|-------------------|------------| | 名称 | 参数 | 说明 | | onChange | newValue,oldValue | 当值改变的时候触发。 |

方法

|----------|--------|--------------| | 名称 | 参数 | 说明 | | options | none | 返回options对象。 | | resize | width | 调整组件尺寸。 | | getValue | none | 返回当前的进度值。 | | setValue | value | 设置一个新的进度值。 |


赞(0)
未经允许不得转载:工具盒子 » jQuery EasyUI API 中文文档 - ProgressBar 进度条