ExtJs--03--幾個進度條代碼，可以看看

標籤：extjs4   進度條   

/* *  //通過固定時間完成進度條，即：偽進度條 Ext.onReady(function () {            var progressBar = Ext.Msg.show({ title: "進度條",                msg: "通過固定時間完成進度",                width: 300,                wait: true,                waitConfig: { interval: 500, duration: 5000, fn: function () { Ext.Msg.hide(); } },                closable: false            });        }); *//* *  //進度條 //updateProgress( Number value, String progressText, String msg )  參數說明： value : Number   0和1之間的任何數 (預設0) progressText : String    進度條裡面的顯示內容 (預設'') msg : String     訊息框主體內容被指定的訊息代替 (預設沒有定義)  Ext.onReady(function(){var configs = {title:"安裝進度條",progress:true,width:600,closable:false,msg:"正在安裝 ... "};Ext.Msg.show(configs);var fn_progressbar = function(v){return function(){if(v==12){Ext.Msg.hide();}else{var i = v/11;Ext.Msg.updateProgress(i,Math.round(i*100)+"%已完成！",i);}}}for(var i = 1 ; i < 13 ; i ++){setTimeout(fn_progressbar(i),i*500);}});*//* * Ext.onReady(function(){        var msgBox = Ext.MessageBox.show({            title:'提示',            msg:'動態更新的進度條和資訊文字',            modal:true,            width:300,            progress:true       })           var count = 0;//捲軸被重新整理的次數        var percentage = 0;//進度百分比        var progressText = '';//進度條資訊           var task = {            run:function(){                count++;                //計算進度                percentage = count/10;                //產生進度條文字                progressText = '當前完成度:'+percentage*100+"%";                //更新資訊提示對話方塊                msgBox.updateProgress(percentage,progressText,'目前時間:'+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));                //重新整理10次後關閉資訊氣球                if (count>10)                {                    Ext.TaskManager.stop(task);                    msgBox.hide();                }            },            interval:1000        }        Ext.TaskManager.start(task);    });    */Ext.onReady(function(){Ext.MessageBox.progress("請等待", "資料處理進度...");var fun = function(p) {return function() {if (p == 20) {Ext.MessageBox.hide();} else {Ext.MessageBox.updateProgress(p / 20, '正在處理第' + p + '個，一共20個');}};}for ( var i = 1; i <= 20; i++) {setTimeout(fun(i), i * 1000);}});

ExtJs--03--幾個進度條代碼，可以看看