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 + " " + "输入的内容是:" + msg);

                },

                buttons: Ext.Msg.YESNOCANCEL,

                icon: Ext.Msg.QUEATION

            });

        });

    </script>

原文地址:https://www.cnblogs.com/xsSystem/p/12029713.html