EasyUI-Dialog（对话框窗口）

属性值类型

描述

默认值

string

对话框窗口标题文本。

New Dialog

boolean

定义是否显示可折叠按钮。

false

boolean

定义是否显示最小化按钮。

false

boolean

定义是否显示最大化按钮。

false

boolean

定义是否可以改变对话框窗口大小。

false

array,selector

设置对话框窗口顶部工具栏，可用值有：
1) 一个数组，每一个工具栏中的工具属性都和linkbutton相同。
2) 一个选择器指定工具栏。

对话框窗口工具栏可以声明在<div>标签里面：

<div class=”easyui-dialog” style=”width:600px;height:300px”
data-options=”title:’我的对话框‘,toolbar:’#tb’,modal:true”>
对话框窗口内容。
</div>
<div id=”tb”>
<a href=”#” class=”easyui-linkbutton” data-options=”iconCls:’icon-edit’,plain:true”/a>
<a href=”#” class=”easyui-linkbutton” data-options=”iconCls:’icon-help’,plain:true”/a>
</div>

对话框窗口工具栏也可以通过数组进行定义：

<div class=”easyui-dialog” style=”width:600px;height:300px”

        data-options=”title:’My Dialog’,modal:true,

            toolbar:[{

                text:’编辑‘,

                iconCls:’icon-edit’,

                handler:function(){alert(‘edit’)}

            },{

                text:’帮助‘,

                iconCls:’icon-help’,

                handler:function(){alert(‘help’)}

            }]”>

    对话框窗口内容。
</div>

null

array,selector

对话框窗口底部按钮，可用值有：
1) 一个数组，每一个按钮的属性都和linkbutton相同。
2) 一个选择器指定按钮栏。

按钮可以声明在<div>标签里面：

<div class=”easyui-dialog” style=”width:600px;height:300px”
data-options=”title:’My Dialog’,buttons:’#bb’,modal:true”>
对话框窗口内容。
</div>
<div id=”bb”>
<a href=”#” class=”easyui-linkbutton”>保存</a>
<a href=”#” class=”easyui-linkbutton”>关闭</a>
</div>

按钮也可以通过数组定义：

<div class=”easyui-dialog” style=”width:600px;height:300px”

        data-options=”title:’我的对话框‘,modal:true,

            buttons:[{

                text:’保存‘,

                handler:function(){…}

            },{

                text:’关闭‘,

                handler:function(){…}

            }]”>

    对话框窗口内容。

</div>

null

方法名

方法参数

描述

dialog

none

返回外部对话框窗口对象。