ExtJS4之Ext.MessageBox的各种用法

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);