Question

关于ExtJs进度条不能显示的问题

代码如下：

<script type="text/javascript">
Ext.onReady(function(){
var newP = new Ext.ProgressBar({
text: '这是一个进度条',
width:300,
applyTo:'progressBar'
});
newP.wait({
duration:10000,
interval:1000,
increment:10,
scope:this,
fn:function(){
alert('更新完毕');
}
});
});
</scrip>
进度条不能显示，但是间隔一定的时间之后可以弹出更新完毕，用火狐浏览器控制台也没有报错。

Answer 1

var progressBar = new Ext.ProgressBar({
    width : 200
   });

   var progressBarWin = new Ext.Window({
    title : "执行",
    modal:true,
    width : 200,
    heigth : 100,
    closable : false,
    items : progressBar
   });

 上面那个放公共的地方，通用~~~然后需要执行什么方法的时候：

      progressBarWin.show();
      progressBar.wait({
       text : "操作正在执行..."
      });

执行完方法之后：

       progressBar.reset();
       progressBarWin.hide();

这个的好处就是，通用，只要方法开始执行前调用一下，然后方法有返回值后，调用一下就行，不需要你去计算什么时间什么的，挺方便的~~~

你自己测试的时候，把progressBarWin 里的modal:true,注掉，然后把调用和结束两个放俩按钮里，自己试试就知道了~~~

Answer 2

applyTo:'progressBar'改成 renderTo