Ext.window.MessageBox xtype: messagebox ； Ext.Msg Ext.MessageBox
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
例如：
<script type="text/javascript">
Ext.onReady(function () {
Ext.MessageBox.show({
title: "提示",
msg: "三个按钮、一个多行文本域",
modal: true,
prompt: true,
value: "请输入",
fn: function (id, msg) {
Ext.MessageBox.alert("单击的按钮id是:" + id + "\n" + "输入的内容是:" + msg);
},
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUEATION
});
});
</script>
