Extjs学习进度条

最新推荐文章于 2021-02-21 05:13:09 发布

王俊杰MSE

最新推荐文章于 2021-02-21 05:13:09 发布

阅读量646

点赞数

本文链接：https://blog.csdn.net/dang_wang/article/details/9300291

版权

  Ext.onReady(function(){
     var progressbar=new Ext.ProgressBar(
       {
       text:'11111',
       width:300,
       renderTo:Ext.getBody()
       }
     );
     var count=0;
     var percent=0;
     var text='';
     Ext.TaskManager.start(
       {
         run:function(){
             count++;
             if(count>10)
             {
               progressbar.hide(); 
             }
             percentage=count/10;
             text=percentage*100+'%';
             progressbar.updateProgress(percentage,text,true);
         },
         interval:1000,
         repeat:10,
         
       }
     );
  });
   Ext.TaskManager是一个功能类，用来定时执行程序、
当然如果不喜欢Ext的进度条样式，可以使用cls属性来指定进度条的css
上面程序是人工设置的，其实也可以自动进行，这只需调用wait()函数
wait内部的配置对象是
duratrion:设定进度条在被重置之前要运行的时间长度，单位是毫秒
interval:更新进度条的时间间隔，默认是1000毫秒
animate:是否启用动画效果
increment:进度条的分段数量，默认是10
text：进度条显示文字，默认是空
fn:进度条更新完后执行函数，当duration不配置时，此函数忽略
scope：回调函数的执行范围