- 时间:2021-09-12 09:27 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要: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);
}
[h3]
特性[/h3]
|
[b]名称[/b][b][/b]
|
[b]类型[/b][b][/b]
|
[b]说明[/b][b][/b]
|
[b]默认值[/b][b][/b]
|
|
width
|
string
|
设置progressbar的宽度。
|
auto
|
|
value
|
number
|
百分比值。
|
0
|
|
text
|
string
|
显示在组件上的文字的模板。
|
{value}%
|
[h3]
事件[/h3]
|
[b]名称[/b][b][/b]
|
[b]参数[/b][b][/b]
|
[b]说明[/b][b][/b]
|
|
onChange
|
newValue,oldValue
|
当值改变的时候触发。
|
[h3]
方法[/h3]
|
[b]名称[/b][b][/b]
|
[b]参数[/b][b][/b]
|
[b]说明[/b][b][/b]
|
|
options
|
none
|
返回options对象。
|
|
resize
|
width
|
调整组件尺寸。
|
|
getValue
|
none
|
返回当前的进度值。
|
|
setValue
|
value
|
设置一个新的进度值。
|