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格式文本。

[html]  view plain copy

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

2、Ext.MessageBox.confirm()

　　调用格式：

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

 

[html]  view plain copy

1. Ext.onReady(function () {  
2.             Ext.MessageBox.confirm("提示", "请单击我，做出选择！", function (id) { alert("单击的按钮是：" + id); });  
3.         });  

3、Ext.MessageBox.prompt()

　　调用格式：

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

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

[html]  view plain copy

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

4、Ext.MessageBox.show()

[html]  view plain copy

1. Ext.onReady(function () {  
2.             Ext.MessageBox.show({  
3.                 title: "提示",  
4.                 msg: "三个按钮、一个多行文本域",  
5.                 modal: true,  
6.                 prompt: true,  
7.                 value: "请输入",  
8.                 fn: function (id, msg) {  
9.                     Ext.MessageBox.alert("单击的按钮id是:" + id + "\n" + "输入的内容是:" + msg);  
10.                 },  
11.                 buttons: Ext.Msg.YESNOCANCEL,  
12.                 icon: Ext.Msg.QUEATION  
13.             });  
14.         });  

15. Ext.MessageBox 信息提示框

     

    转载▼
    • Ext.MessageBox.alert()

    一个只读信息提示框,用来代替Javascript标准的alert()方法,有一个确定按钮,如果为其提供一个回调函数,则该函数将在单击按钮后被调用(不包括右上角的退出按钮),所单击按钮的id将作为唯一的参数传递到回调函数中

     

    调用格式:

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

    参数说明:

    title:提示框的标题.

    msg:显示的信息内容.

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

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

    返回值:

    Ext.window.MessageBox

    例:3-8

     

    • Ext.MessageBox.confirm()

    显示是一个信息确认框,用来代替JavaScript标准的confirm()方法,具有两个按钮“是”和“否”，如果为其提供一个回调函数，则该函数将在单击按钮后背调用（不包括右上角的退出按钮），所单击按钮的id将作为唯一的参数传递到回调函数中

     

    调用格式

    confirm（String title，String msg，[Function fn],[Object scope]）

    参数说明：

    参考Ext.MessageBox.alert()

    返回值:

    Ext.window.MessageBox

    例:3-9

     

    • Ext.MessageBox.prompt()

    显示一个获取用户输入信息的提示框，用来代替JavaScript标准的prompt（）方法，有两个按钮“确定”和取消，并提供文本输入框接收用户的输入，如果为其提供一个回调函数，则该函数将在单击按钮后被调用（不包括右上角的退出按钮），所单击按钮的id和文本框中的内容将被作为参数传递到回调函数中

     

    调用格式：

    prompt(String title，String msg，[Function fn],[Object scope]，[Boolean/Number multiline],[String value]）

    参数说明:

    前4项参考Ext.MessageBox.alert()

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

    返回值:

    Ext.window.MessageBox

    例3-10

     

    • Ext.MessageBox.wait()

    显示一个自动滚动的进度条提示框,它经常被用在一个耗时的交互操作中,她不能定义一个时间间隔自动关闭,程序员有责任在交互操作完成之后去关闭它.

     

    调用格式

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

    参数说明:

    msg:显示的信息内容

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

    [Object config];用于配置进度条的配置对象,为可选参数.(详见进度条Ext.ProgressBar)

    返回值:

    Ext.window.MessageBox

    例3-11   

     

    • Ext.MessageBox.show()

    基于配置来显示新的信息提示框或重置一个已存在的信息提示框，前面介绍的3个提示框内部调用的都是这个方法，尽管那些调用都简单快捷，但是它们并不支持所有的配置项，要建立更加个性化、功能强大的提示框还需要。

     

    常用配置项

    配置项	类型	说明
    title	String	提示框的标题
    msg	String	显示的信息内容
    width	Number	对话框的宽度，以像素为单位
    maxWidth	Number	对话框的最大匡杜，默认为600像素
    minWidth	Number	对话框的最小宽度，默认为600像素
    closable	Boolean	false将隐藏右上角的关闭按钮，默认为true 如果已设置wait货progress为true则该配置将被忽略，提示框只能通过程序关闭，不能通过右上角的关闭按钮关闭
    modal	Boolean	true为模式窗口，false为非模式窗口
    fn	Function	回调函数，塔将在点击控制按钮、关闭按钮，或者输入按钮，离开对话框时被调用，如果已设置wait货progress为rue则该配置项将被忽略 参数说明： buttonId:按钮id,如ok,yes,no,cancel text:输入的文字 opt:传入show方法的配置对象
    buttons	Number/Boolean	按钮组,可选值见下表,默认为false,不显示任何按钮
    progress	Boolean	true则显示一个进度条,默认为false,该进度条需要由程序控制滚动
    processText	String	进度条上显示的文字,默认为""
    proxyDrag	Boolean	true则显示一个高亮的拖动代理,默认为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	多行文本区的默认高度,默认值为75像素
    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

          例3-12