进度条(ProgressBar)
用$.fn.progressbar.defaults重写Defaults方法
进度条(ProgressBar)提供反馈显示一个长时间的工作进度。进度是可被更新的,让用户知道一些操作正在执行。
依赖(Dependencies)
无依赖(None)
使用示例(Usage Example)
创建进度条 进度条组件可以通过标志或者程序创建,通过标志创建很简单,在div上加上“easyui-progressbar”类
通过javascript创建progressbar
$('#p').progressbar({
value: 60
},2);
得到或设置值 得到当前值或者设置一个新的值
var value = $('#p').progressbar('getValue',2);
if (value < 100){ value += Math.floor(Math.random() * 10,2); $('#p').progressbar('setValue', value,2); }
属性(Properties)
Name
|
Type
|
Description
|
Default
|
width
|
string
|
设置progressbar宽度
|
auto
|
height
|
number
|
组件的高度,属性是1.3.2新增的
|
22
|
value
|
number
|
百分比值
|
0
|
text
|
string
|
显示文本的模板
|
{value}%
|
时间(Events)
Name
|
Parameters
|
Description
|
onChange
|
newValue,oldValue
|
改变值的时候被触发
代码示例:
$('#p').progressbar({
onChange: function(value){
alert(value)
}
},2);
|
方法(Methods)
Name
|
Parameter
|
Description
|
options
|
none
|
返回options对象
|
resize
|
width
|
调整组件的大小
示例代码
$('#p').progressbar('resize',2); // resize the bar with original width
$('#p').progressbar('resize', 350,2); // resize the bar using a new width
|
getValue
|
none
|
返回当前的进度值
|
setValue
|
value
|
设置新的进度值
|