EXT MessageBox show()方法

最新推荐文章于 2021-10-23 20:28:30 发布

weixin_34066347

最新推荐文章于 2021-10-23 20:28:30 发布

阅读量195

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/zimingforever/blog/58245

版权

2019独角兽企业重金招聘Python工程师标准>>>

今天用到了Ext的控件...不会啊。上网学吧。。。

Messsagebox是个很强大的控件，适合ext的入门

ext的环境搭起，引入如下文件就能欢快的跑了。

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script src="resources/ext-base.js" type="text/javascript"></script>
<script src="resources/ext-all.js" type="text/javascript"></script>

下面有几个参数记录一下：

1.animEl:对话框弹出和关闭时的动画效果，比如设置为“id1”，则从id1处弹出并产生动画，收缩则相反

2.buttons:弹出框按钮的设置，主要有以下几种：Ext.Msg.OK,Ext.Msg.OKCANCEL,Ext.Msg.CAMCEL,Ext.Msg.YESNO,Ext.Msg.YESNOCANCEL

你也可以自定义按钮上面的字： {yes:"我是yes",no:"我是no"},。若设为false，则不显示任何按钮.

3.closable:如果为false，则不显示右上角的小叉叉，默认为true。

4.msg:"消息的内容"

5.title:"标题"

6.fn:关闭弹出框后执行的函数

7.icon：弹出框内容前面的图标，取值为Ext.MessageBox.INFO,Ext.MessageBox.ERROR,Ext.MessageBox.WARNING,Ext.MessageBox.QUESTION

8.width:弹出框的宽度，不带单位

下面几个参数来控制输入框：

9.prompt：设为true，则弹出框带有输入框

10.multiline：设为true，则弹出框带有多行输入框

下面几个参数来控制滚动条：

11.progress:设为true，显示进度条，（但是是死的）
12.progressText:显示在进度条上的字
13.wait：设为true，动态显示progress

14.waitConfig:配置参数，以控制显示progress

关于waitConfig的参数如下

1.interval:进度的频率
2.duration：执行进度的持续时间，超过这个时间后，interval失效，不再产生进度效果，但进度狂也不会消失。
3.fn:duration的时间到后执行的函数

滚动条有两个相关的函数

Ext.MessageBox.hide()和Ext.MessageBox.updateProgress(value,"ProgressText","msg")(三个参数，看名字就知道意思)，注意value为0-1之间的数，表示进度条的进度.

下面是一个完整的例子

function msgshow(){
	Ext.Msg.buttonText.yes='确定';
	Ext.Msg.buttonText.no="取消";
	Ext.Msg.show({
		title:"提示信息",
		modal:true,
		msg:'这是一个提示信息',
		icon:Ext.Msg.Info,
		multiline:true,
		prompt:true,
		fn:function callback(btn,text){
			if(btn=="yes"){
				Ext.Msg.alert("输入结果","你输入的内容是:"+text);
			}
		},
		buttons:Ext.Msg.YESNO,
		width:300
	});
}

这里还有一个例子，是msg的update方法，另外还有taskmgr的用法。

function msgupdate(){
	var msgbox=Ext.Msg.show({
		title:"提示信息",
		modal:true,
		msg:'这是一个提示信息',
		buttons:Ext.Msg.OK,
		width:300
	});
	Ext.TaskMgr.start({
		run:function(){
		     msgbox.updateText('会动的时间'+new Date().format('Y-m-d g:i:s A'));
		},
		interval:1000
	});
}

另外除了show方法，还有常见的alert，prompt，confirm的用法。另外还有wait，hide和updateprogress的用法。

给个链接讲的很细 http://hi.baidu.com/kqogje/blog/item/559184c6e9e25f109d163dfc.html

总结一下，MessageBox的用法主要是熟悉几个参数。会配置动作，大小，信息，图标，另外还有propmt的用法，还有滚动条的用法，注意fn是一个回调函数。

转载于:https://my.oschina.net/zimingforever/blog/58245