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); }, });
运行结果如下: