Ext.MessageBox(4)

最新推荐文章于 2021-05-19 21:05:41 发布

抢街饭

最新推荐文章于 2021-05-19 21:05:41 发布

阅读量601

点赞数

分类专栏： ExtJs 文章标签： stylesheet function xhtml html

本文链接：https://blog.csdn.net/lzwjavaphp/article/details/6953752

版权

ExtJs 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

4：对话框(Ext.MessageBox.show 或 Ext.MsgBox.show)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJs整理</title>
<link rel="stylesheet" type="text/css" href="ExtJs/resources/css/ext-all.css">
<script type="text/javascript" src="ExtJs/adapter/ext-base.js"></script>
<script type="text/javascript" src="ExtJs/ext-all.js"></script>
<script type="text/javascript" src="ExtJs/src/locale/ext-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
    Ext.onReady( function(){   
        Ext.MessageBox.show({
			title:"图片加载",//标题
			msg:"图片加载进度",//消息
			progress:true,//使用进度条
			width:300,//宽度
			wait:true,//是否等待
			waitConfig:{//等待配置
				interval:600,//0.6秒执行一次
				duration:5000,//超过5秒结束
				fn:function(){//到时间后执行的函数
					Ext.MessageBox.hide();//让进度条消失
				}
			},
			closable:true//是否允许关闭
		});
    });   
</script>
<body>
</body>

运行结果：

5秒后消失

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJs整理</title>
<link rel="stylesheet" type="text/css" href="ExtJs/resources/css/ext-all.css">
<script type="text/javascript" src="ExtJs/adapter/ext-base.js"></script>
<script type="text/javascript" src="ExtJs/ext-all.js"></script>
<script type="text/javascript" src="ExtJs/src/locale/ext-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
    Ext.onReady( function(){   
       Ext.MessageBox.show({
			title:"巴塞罗那",//标题
			msg:"梅西带球速度",//消息
			progress:true,//使用进度条
			width:300,//宽度
			closable:true//是否允许关闭
		});
		var f=function(v){
			return function(){ 
				if(v==12){
					Ext.MessageBox.hide();
				} else {
					var i=v/11;
					Ext.MessageBox.updateProgress(i,Math.round(100*i)+"% completed",i);
				}
			  }
		   }
		for(var i=1;i<13;i++){
			setTimeout(f(i),i*500);
		}
    });   
</script>
<body>
</body>
</html>

updateProgress(Number value, StringprogressText)方法来定义，参数value是0到1之间的小数，表示进度百分比；progressText则表示进度条滚动过程中的文本提示信息。

运行结果如下：

100%后消失

抢街饭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext.MessageBox(4)

4：对话框(Ext.MessageBox.show 或 Ext.MsgBox.show)ExtJs整理 Ext.onReady( function(){ Ext.MessageBox.show({ title:"图片加载",//标题 msg:"图片加载进度",//消息 progress:tru
复制链接

扫一扫