Ext学习之2_messagebox3

Ext.namespace("com.deng")
/**
 * 进度条对话框
 * 进度条对话框也是一个自定义对话框，配置config时，添加progress=tue即可
 */
extjsProgress = function(){
	Ext.MessageBox.show({
		title: "请等待",
		msg:"正在加载项目...",
		progressText: "正在初始化...",
		width:300,
		progress:true,//此属性证明这是一个进度条
	    closable:false
	});
	
	var f = function(v){
		return function(){
			if(v == 12){
				Ext.MessageBox.hide();
				Ext.MessageBox.alert("完成","所有项目加载完成！");
			}else{
				var i = v/11;
				Ext.MessageBox.updateProgress(i,Math.round(100*i)+"%已完成");
			}
		};
	};
	
	for(var i = 1; i < 13; i++){
		setTimeout(f(i), i*500);//每次延迟0.5秒执行
	}
}

/**
 * 备注：progressText：是进度条滚动之前最初的文本，滚动进程由
 * Ext.MessageBox.updateProgress(Number value, String progressText)方法来定义，参数value是从0-1之间的小数，
 * 表示进度百分比，progressText表示滚动过程中的文本提示信息
 */