ExtJs2.0学习系列（1）--Ext.MessageBox

ExtJs2.0学习系列（1）--Ext.MessageBox2010-04-21 博客园谦虚的天下大家都知道，刚开始搞extjs的时候，很是有点困难，所以本人在新手刚入门后准备了这个系列的文章。

个人认为用extjs做后台很不错，布局比较完美！

1.Ext.MessageBox.alert（）方法

有四个参数，为简单起见，主要介绍前面三个参数：

alert（ title , msg , function（）{} ）

其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发。

Ext.MessageBox.alert（"title","msg"）;

Ext.MessageBox.alert（"title","msg",function（）{alert（"关闭对话框后弹出！"）}）;

2.Ext.MessageBox.confirm（）方法

基本上同alert（）方法一模一样。

注意这点：

Ext.MessageBox.confirm（"title","msg",function（e）{alert（e）;}）;

这个参数e是什么？它是你点击的弹出框的按钮的值，三种值：yes,no,cancel.Alert（）方法也是如此，不过只有两种值：ok，cancel.

3.Ext.MessageBox.prompt（）方法

有六个参数，比前面alert方法多一个返回值和是否多行。

Ext.MessageBox.prompt（"title","msg"）;

Ext.MessageBox.prompt（"title","msg",function（e,text）{alert（e+"-"+text）;}）;
//输入"qianxudetianxia",点击ok按钮，弹出ok-qianxudetianxia

Ext.MessageBox.prompt（"title","msg",function（e,text）{alert（e+"-"+text）;},this,true）;
//true为多行，this表示作用域

4.Ext.MessageBox.show（）方法

功能很强大，采用config配置形式，比前面的方法使用更方便。

参数很多，在此列举最常用的配置参数：

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

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

Ext.Msg.OKCANCEL,
Ext.Msg.CANCEL,
Ext.Msg.YESNO,
Ext.Msg.YESNOCANCEL

你也可以自定义按钮上面的字：{"ok","我本来是ok的"}。

若设为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

example:

Ext.MessageBox.show（{
  title:"标题",
  msg:"内容的消息",
  buttons:{"ok":"我不再显示OK了"},
  fn:function（e）{alert（e）;},
  animEl:"test1",
  width:500,
  icon:Ext.MessageBox.INFO,
  closable:false,
  progress:true,
  wait:true,
  progressText:"进度条"
 //prompt:true
 //multiline:true
}）;