• ExtJs学习之MessAgeBox的使用


    1、Ext.MessageBox.alert()

      调用格式:

      alert( String title, String msg, [Function fn], [Object scope] )

      参数说明:

      title:提示框的标题。

      msg:显示的消息内容。

      [Function fn]:(可选)回调函数。

      [Object scope]:(可选)回调函数的作用域。

       ExtJS MessageBox alert支持HTML格式文本。

    Ext.onReady(function () {  
                Ext.MessageBox.alert("提示", "Hello World !",
                 function (id) { alert("单击的按钮是:" + id);
                 });   });

    2、Ext.MessageBox.confirm()

      调用格式:

      confirm( String title, String msg, [Function fn], [Object scope] )

    Ext.onReady(function () {  
                Ext.MessageBox.confirm("提示", "请单击我,做出选择!", function (id) { alert("单击的按钮是:" + id); });  
            });  
      

    3、Ext.MessageBox.prompt()

      调用格式:

      confirm( String title, String msg, [Function fn], [Object scope], [Boolean/Number multiline], [String value] )
      参数说明:

      [Boolean/Number multiline]:设置为false将显示一个单行文本域,设置为true将以默认高度显示一个多行文本区。或者以像素为单位直接设置文本域的高度。默认为false。

    Ext.onReady(function () {  
               Ext.MessageBox.prompt("提示", "请输入内容:", function (id, msg) { alert("单击的按钮ID是:" + id + "
    " +"输入的内容是:" + msg); }, this, true, "我是默认值");  
           });  

     4、Ext.MessageBox.show()

    Ext.MessageBox常用配置项:

    配置项类型说明
    title String 提示框标题
    msg String 显示的消息内容
    width Number 对话框的宽度,以px为单位
    maxWidth Number 对话框的最大宽度,默认为600px
    minWidth Number 对话框的最小宽度,默认为100px
    closable Boolean false将隐藏右上角的关闭按钮,默认为true
    modal Boolean true为模态窗口,false为非模式窗口
    fn Function

    回调函数

    参数说明:

    buttonId:按钮id

    text:输入的文字

    opt:传入show方法的配置对象

    buttons Number/Boolean 按钮组,默认为false,不显示任何按钮
    progress Boolean true则显示一个进度条,默认为false,该进度条需要由程序控制滚动
    progressText String 进度条上显示的文字,默认为“”
    proxyDrag Boolean true则显示一个highlight拖动代理,默认为false
    wait Boolean true则显示一个自动滚动的进度条,默认为false
    waitConfig Object 等待进度条的配置对象,在wait为true时有效
    prompt Boolean true则显示一个单行文本域,默认为false
    value String 如果prompt设置为true,则value值将显示在文本域中
    multiline Boolean 如果prompt设置为true,则multiline为true显示多行文本域,false显示单行文本域
    defaultTextHeight Number 多行文本域的默认高度,默认值为75px
    icon String 一个样式文件,它为对话框提供一个背景图

      Buttons配置项:

    提示框按钮配置对象说明
    Ext.Msg.CANCEL 只显示一个“取消”按钮
    Ext.Msg.NO 只显示一个“否”按钮
    Ext.Msg.OK 只显示一个“确定”按钮
    Ext.Msg.OKCANCEL 显示两个按钮,“确定”和“取消”
    Ext.Msg.YES 只显示一个“是”按钮
    Ext.Msg.YESNO 显示两个按钮,“是”和“否”
    Ext.Msg.YESNOCANCEL 显示三个按钮,“是”、“否”和“取消”

      图标样式说明:

    样式表说明
    Ext.Msg.ERROR 错误图标
    Ext.Msg.INFO 信息图标
    Ext.Msg.QUESTION 问题图标
    Ext.Msg.WARNING 警告图标

    调用格式:

      show( Object config)

      参数说明:

      一个包含提示框配置信息的配置对象

      返回值:

      Ext.window.MessageBox

    Ext.onReady(function () {  
                Ext.MessageBox.show({  
                    title: "提示",  
                    msg: "三个按钮、一个多行文本域",  
                    modal: true,  
                    prompt: true,  
                    value: "请输入",  
                    fn: function (id, msg) {  
                        Ext.MessageBox.alert("单击的按钮id是:" + id + "
    " + "输入的内容是:" + msg);  
                    },  
                    buttons: Ext.Msg.YESNOCANCEL,  
                    icon: Ext.Msg.QUEATION  
                });  
            });  

    5、Ext.MessageBox.wait()

      调用格式:

      wait( String msg, [String title] , [Object config] )

      参数说明:

      msg:显示的消息内容。

      [String title]:提示框标题,为可选参数。

      [Object config]:用于配置进度条的配置对象,为可选参数。

      返回值:

      Ext.window.MessageBox

    Ext.onReady(function () {
                Ext.MessageBox.wait("请等待,操作需要一定时间!", "提示", {
                    text:"进度条上的文字"
                });
            });
  • 相关阅读:
    POJ2524+并查集
    POJ3697+BFS+hash存边
    POJ1151+线段树+扫描线
    POJ2528+线段树
    ubuntu 和 win7 远程登陆 + vnc登陆
    POJ3690+位运算
    POJ3283+字典树
    POJ3282+模拟
    POJ2349+prim
    2016.6.13
  • 原文地址:https://www.cnblogs.com/Darlin356230410/p/4939499.html
Copyright © 2020-2023  润新知