ESUI - Dialog


List of Tables

1. 构造器静态参数配置
2. 初始化参数
3. 公共实例方法
4. 事件
5. 构造器静态方法
6. 警告对话框显示参数
7. 询问对话框显示参数

1. 继承层级

Dialog - Control

2. 说明

对话框控件包括三个部分:标题、主体、腿部。

对话框控件内置两种模式:alert、confirm。可通过静态方法调用。

3. 构造器静态参数配置

Table 1. 构造器静态参数配置

名称描述
{boolean} AUTO_POSITION是否自动定位居中。
{string} CANCEL_TEXT“取消”按钮的显示文字。
{boolean} CLOSE_BUTTON是否具有关闭按钮。
{boolean} DRAGGABLE是否可拖拽。
{string} OK_TEXT“确定”按钮的显示文字。
{number} WIDTH对话框的宽度,单位为px。

4. 初始化参数

Table 2. 初始化参数

名称描述
{boolean} autoPosition是否自动定位居中。
{boolean} closeButton是否具有关闭按钮。
{string} content内容区域的显示内容。
{boolean} disabled控件的不可用状态。当dialog处于不可用状态时,show/hide操作失效,关闭按钮行为失效,拖拽行为失效。
{boolean} draggable是否可拖拽。
{HTMLElement} main控件主元素。
{boolean|Object} mask可以通过boolean指定对话框是否具有遮挡层。或者指定带有level和type属性的object,自定义遮挡层。
{string} title标题的显示文字。
{number} width对话框的宽度,单位为px。
{number} height对话框的高度,单位为px。

5. 公共实例方法

Table 3. 公共实例方法

名称描述
{void} appendTo( {HTMLElement} wrap )将控件添加到页面的某个元素中。
{void} disable( {void} )设置控件状态为禁用。
{void} enable( {void} )设置控件状态为启用。
{HTMLElement} getBody( {void} )获取对话框主体的dom元素。
{HTMLElement} getFoot( {void} )获取对话框腿部的dom元素。
{HTMLElement} getHead( {void} )获取对话框头部的dom元素。
{void} hide( {void} )隐藏对话框。
{boolean} isDisabled( {void} )获取控件可用状态。
{void} render( {void} )绘制控件。
{void} setContent( {string} content )设置对话框主体的内容。
{void} setWidth( {number} width )设置对话框的宽度,单位为px。
{void} setHeight( {number} height )设置对话框的高度,单位为px。
{void} setTitle( {string} title )设置对话框的标题。
{void} show( {void} )显示对话框。

6. 事件

Table 4. 事件

名称描述
onhide: ( {void} )当对话框被隐藏时触发。

7. 构造器静态方法

Table 5. 构造器静态方法

名称描述
{void} alert ( {Object} args )显示警告对话框。
{string} confirm ( {Object} args )显示询问对话框。

7.1. 警告对话框显示参数

Table 6. 警告对话框显示参数

名称描述
{string} title标题文字。
{string} type对话框类型。其决定了显示的icon。
{string} content主体内容。
{Function} onok点击确定按钮的行为。若返回值不为false则关闭对话框。

7.2. 询问对话框显示参数

Table 7. 询问对话框显示参数

名称描述
{string} title标题文字。
{string} type对话框类型。其决定了显示的icon。
{string} content主体内容。
{Function} onok点击确定按钮的行为。若返回值不为false则关闭对话框。
{Function} oncancel点击取消按钮的行为。若返回值不为false则关闭对话框。