ExtJS学习------Ext.ProgressBar

       Ext.porgressBar是一个能够修改的进度条组件，提供了两种不同的工作模式，即手动模式和自动模式，手工模式进度条调用updateProgress(value，text）函数，其中value为0~1之间数值，text为进度条上显示的文本。

        代码如下：

 var config = {
                    text: "working....",
                    width: 300,
                    renderTo:"grid",  //在id为grid的div中显示
                }
                var progressBar = new Ext.ProgressBar(config);
                var count = 0;
                var percentage = 0;
                var progressText = "";
                config = {
                    run: function () {
                        count++;
                        if (count > 10) {
                            progressBar.hide();
                            Ext.TaskMgr.stopAll();  //停止调用。
                            return;
                        }
                        percentage = count / 10;
                        progressText = percentage * 100 + "%";
                        progressBar.updateProgress(percentage, progressText);
                    },
                    interval: 1000     
                }
                Ext.TaskMgr.start(config);

 

nbsp;      Ext.TaskMgr.start()函数相当于计划任务，run事件是以interval设置的数值为间隔来触发的。