progressBar(进度条)组件

匿名 (未验证) 提交于 2019-12-03 00:03:02

一、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 重写默认值对象

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!