Ext.MessageBos.show()进度条例子

最新推荐文章于 2022-07-12 21:48:36 发布

caspar笔记

最新推荐文章于 2022-07-12 21:48:36 发布

阅读量136

点赞数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Ext.MessageBox.show()</title>
		<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
		<!-- ** Javascript ** -->
		 <!-- ExtJS library: base/adapter -->
		<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
		<!-- ExtJS library: all widgets -->
		<script type="text/javascript" src="ext/ext-all.js"></script>
		<script type="text/javascript" src="MessageBoxShow.js"></script>
	</head>
	<body>
	</body>
</html>

MessageBoxShow.js

/**
 * @author zms
 */
Ext.onReady(function(){
	//1.
//	Ext.MessageBox.show({
//		title:'MessageBoxShowTest',
//		msg:'By xuetu 2012-03-11',
//		width:220,
//		//显示输入框
//		//prompt:true
//		//显示进度条
//		progress:true
//	});
//	var f = function(i){
//		return function(){
//			if(i == 12){
//				Ext.MessageBox.hide();
//			}else{
//				var v = i/11;
//				Ext.MessageBox.updateProgress(v,Math.round(100*v)+"%",'载入中....');
//			}
//		}
//	}
//	for(var i=1;i<13;i++){
//		setTimeout(f(i),i*500);
//	}
	//2.自动加载
	Ext.MessageBox.show({
		title:'进度条',
		width:220,
		progress:true,
		wait:true,
		waitConfig:{
			inteval:100,
			duration:10000,
			fn:function(){
				Ext.MessageBox.hide();
			}
		}
	})
})