ExtJS4之Ext.MessageBox的各种用法

浏览数：26 / 时间：2015年06月09日

1. Ext.Msg.alert(String title,String msg)[Ext.MsssageBox.alert(Sting title,Sting msg,fn)]与javascript标准alert（）的区别：?前者是异步执行的，不会影响到后面程序的执行，（把程序段放到回调函数里面去可以达到模仿标准alert的功能），后者是同步执行的，会阻止后面的程序的的执行；

2.具有确认按钮的提示框：Ext.MessegeBox.confirm(Sting title,String msg,fn)：通过fn的传入参数id来决定程序的执行；

3.具有输入功能的提示框：Ext.MessageBox.prompt(Sting title,String msg ,fn,[boolean/number multiline],[String value]),回调函数fn(id,msg);其中id为单击的按钮id，msg为用户输入的信息；

4.具有等待进度条的提示框：Ext.MessageBox.wait(Sting msg,[String title],[Object config]):该函数用于交互时间较长的的操作当中；如：

Ext.MessageBox.wait("请稍候......","提示"，{text:"进度条上的文字" });

5.功能十分强大show（Object config）函数，返回值是一个Ext.MessageBox对象；具体用法如下：

 1 Ext.MessageBox.show({
 2 　　title:"提示",
 3　　 msg:"我有三个按钮",
 4 　　modal:true,//为模式窗口，若为false则为非模式窗口；
 5 　　prompt:true,//可输入信息的
 6 　　value:"请输入",
 7 　　fn:prompt,
 8 　　buttons:Ext.Msg.YESNOCANCEL,//具有yes,no,cancel三个按钮；
 9 　　icon:Ext.Msg.QUESTION//图标为问号，还可以是：INFO,ERROR,WARNNING;
10 });

6 改变按钮的默认文字：Ext.messageBox.msgButtons[i].setText(String text),(0<i<5);说明：其中msgButtons是一个具有4个对象的数组，id依次是ok,yes,no,cancel;举例如下：

 1 //重新赋予各个按钮以不同的名字
 2 Ext.MessageBox.msgButtons[0].setText("按钮1");
 3 Ext.MessageBox.msgButtons[1].setText("按钮2");
 4 Ext.MessageBox.msgButtons[2].setText("按钮3");
 5 Ext.MessageBox.msgButtons[3].setText("按钮4");
 6   //创建一个MessageBox对象，观察到按钮的文字被改变了
 7 Ext.MessageBox.show({
 8 　　title:"提示",
 9 　　msg:"自定义按钮",
10 　　modal:true,
11 　　buttons:Ext.Msg.YESNOCANCEL//该提示框具有yes,no和cancel三个按钮
12 });

7动态更新提示框:Ext.MessageBox.updateText(String text);

 1 //通过show()函数得到一个MessageBox对象；
 2 var msgBox = Ext.MessageBox.show({
 3 title:"提示",
 4 msg:"更新文字",
 5 modal:true,//为模式窗口
 6 buttons:Ext.Msg.OK,//按钮类型为OK
 7 });
 8 //创建一个task对象，作为Ext.TaskManager.start()的配置项
 9 var task = {
10 　　run:function(){
11 　　　　msgBox.updateText("会动的时间："+Ext.util.Format.date(new Date(),"Y-m-d g:i:s A"))
12 　　},
13 　　interval:1000
14 };
15 Ext.TaskManager.start(task);