ExtJS学习------Ext.Msg.show()学习

     Ext.Msg.show()函数功能强大，参数多，以下我将介绍各参数功能：

      Ext.Msg.show({

            buttons:弹出框按钮设置，有如下选项：Ext.Msg.OK(只显示OK按钮），Ext.Msg.OKCANCEL(显示OK和Cancel按钮），Ext.Msg.CANCEL（只显示Cancel按钮），Ext.Msg.YESNO（显示Yes和No按钮），Ext.Msg.YESNOCANCEL（显示Yes，No和Cancel按钮）。

            closable:设置右上角是否有关闭符号（x），设置选项：true或false，true为显示，false为不显示。

            msg:“显示的内容",

            title:"弹出窗口显示的标题"

            fn:关闭窗口时所调用的程序。

            icon:设置弹出窗口显示的图标，选项有：Ext.Msg.INFO（带叹号的图标），Ext.Msg.ERROR（带X号的红色图标），Ext.Msg.WARNING（带叹号的黄色图标），Ext.Msg.QUESTION（带？号的图标）

            width:设置弹出框的宽度

            height:设置弹出框的高度。

            prompt:设置弹出框的输入框，选项有：true或false。true表示显示，false表示不显示。

            multiline:设置弹出框的多行输入框，选项有：true或false，true表示显示，false表示为不显示。

            progress:设置弹出框是否显示进度条，选项有：true或false，true表示显示，false表示不显示。

            progressText:"显示进度条的文字"

            wait:动态显示progress，选项有：true或false，true表示显示，false表示不显示。

            value:“显示文字"，如果prompt设置为true时，该文本将显示在输入框中。

            waitConfig:配置参数，以控制显示progress，控制progress的参数为：｛interval:500,duration:5000,fn:function{"加载完后触发方法"}}，其中interval:表示触发的间隔时间，duration:进度条运作的时间长度，单位为ms，increment：数值，表示进度条每次更新的幅度大小。

            以下是显示进度条的例子：

            progress:设置为true时。代码如下：

   Ext.MessageBox.show({
                    title: "提示",
                    msg: "数据读取中...",
                    animal:"id1",
                    buttons: Ext.MessageBox.OK,
                    //multiline: true,
                    //prompt: true,
                    value:"abcdef",
                    width: 300,
                    height: 100,
                    modal:true,
                    closable: true,
                    progress: true,
                    icon:Ext.Msg.INFO,
                    fn: function (b, t) {
                        Ext.Msg.alert("提示", b + "-" + t);
                    };
                });

               var f = function (v) {
                    return function () {
                        if (v == 11) {
                            Ext.Msg.hide();
                        }
                        else {
                            Ext.Msg.updateProgress(v / 10, "正在读取【" + v + "】个文件");
                        }
                    };
                };
                for (var i = 1; i < 12; i++) {
                    setTimeout(f(i), i * 1000);
                }
            });

                     运行结果如下：

         以下为显示单行输入框的代码例子：

 Ext.MessageBox.show({
                    title: "提示",
                    msg: "数据读取中...",
                    animal:"id1",
                    buttons: Ext.MessageBox.OK,
                    //multiline: true,
                    prompt: true,
                    value:"abcdef",
                    width: 300,
                    height: 100,
                    modal:true,
                    closable: true,
                    //progress: true,
                    icon:Ext.Msg.INFO,
                    fn: function (b, t) {
                        Ext.Msg.alert("提示", b + "-" + t);
                    },
                });

         运行结果如下：

          以下为显示多行输入框，代码如下：

 Ext.MessageBox.show({
                    title: "提示",
                    msg: "数据读取中...",
                    animal:"id1",
                    buttons: Ext.MessageBox.OK,
                    multiline: true,
                    //prompt: true,
                    value:"abcdef",
                    width: 300,
                    height: 100,
                    modal:true,
                    closable: true,
                    //progress: true,
                    icon:Ext.Msg.INFO,
                    fn: function (b, t) {
                        Ext.Msg.alert("提示", b + "-" + t);
                    },
                });

        运行结果如下：