easyui api中文文档:进度条 ProgressBar

 1753浏览

进度条(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 设置新的进度值
流行热度:超过1753次围观
生产日期:2014-06-10 21:36:39
上次围观:2016-09-17 08:50:51
转载时必须以链接形式注明原始出处及本声明。