• 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);
  • 相关阅读:
    js实现点击图片 弹出放大效果
    Linux 命令
    前台input输入框,输入内容并同步增加输入框长度
    Git
    Git 常用命令
    Windows环境git执行git add命令warning: ....
    Tomcat配置https、访问http自动跳转至https
    An internal error occurred during: "Importing Maven projects". Unsupported IClasspathEntry kind=4
    自定义滚动条mCustomScrollbar
    本地项目,发布至服务器
  • 原文地址:https://www.cnblogs.com/yugege/p/4277479.html
Copyright © 2020-2023  润新知