jQuery EasyUI API 中文文档 ProgressBar 进度条

2020-05-22 17:09:41易采站长站整理

用$.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);
}


特性























名称


类型


说明


默认值


width


string


设置progressbar的宽度。


auto


value


number


百分比值。


0


text


string


显示在组件上的文字的模板。


{value}%


事件










名称


参数


说明


onChange


newValue,oldValue


当值改变的时候触发。


方法






















名称


参数


说明


options


none


返回options对象。


resize


width


调整组件尺寸。


getValue


none


返回当前的进度值。


setValue


value


设置一个新的进度值。