progressBar(进度条)组件

Posted 2022-10-19 alaic2052243080

一、class加载方式

<div id="pos" class="easyui-progressbar" data-options="value:60" style="width: 200px;"></div>

二、js加载方式

   

　　　　$("#pos").progressbar(
　　　　//属性
　　　　　　width:600,//设置进度条宽度。默认为 auto,值为string
　　　　　　height:30,//设置进度条高度。默认为 22,值为number
　　　　　　value:10,// 设置进度条值。默认为 0,值为number
　　　　　　text:‘value%‘,//设置进度条百分比模版：默认value%,值为string
　　　　//事件
　　　　　　onChange:function (newValue,oldValue)
　　　　　　　　console.log("新值："+newValue+",旧值："+oldValue)
　　　　　　,

　　　　);
　　　　//方法
　　　　　　console.log($(‘#pos‘).progressbar(‘options‘));//返回属性对象 参数none
　　　　　　//$("#pos").progressbar(‘setValue‘,80); //设置一个新的进度值,参数value
　　　　　　$("#pos").progressbar(‘resize‘,500);// 组件大小,参数width
　　　　　　setInterval(function()
　　　　　　　　$("#pos").progressbar(‘setValue‘,$("#pos").progressbar(‘getValue‘)+1)//返回当前进度值,参数none
　　　　　　,200)

三、可以使用$.fn.resizable.defaults 重写默认值对象