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

 

posted on 2015-02-06 16:31  ChessZhang  阅读(2827)  评论(0编辑  收藏  举报

导航