jQuery EasyUI API 中文文档 - 对话框（Dialog）

清疚 2022-03-19 06:27 218阅读 0赞

### **(学习留存，如有侵权，请告知，立刻删除！)** ###

### Dialog  对话框 ###

扩展自 $.fn.window.defaults，用 $.fn.dialog.defaults 重写了 defaults。

![jeasyui_dialog.png][]

**依赖**

*  window
 *  linkbutton

**用法**

1.  **<div** id="dd" title="My Dialog" style="width:400px;height:200px;"**>**

2.      Dialog Content.

3.  **</div>**

1.  $('\#dd').dialog(\{

2.      modal:**true**

3.  \});

**特性**

其特性扩展自 window，下列是为 dialog 重写的特性。

<table> 
 <tbody> 
 <tr> 
 <td> 名称 </td> 
 <td> 类型 </td> 
 <td> 说明 </td> 
 <td> 默认值 </td> 
 </tr> 
 <tr> 
 <td> title </td> 
 <td> string </td> 
 <td> 对话框的标题文字。 </td> 
 <td> New Dialog </td> 
 </tr> 
 <tr> 
 <td> collapsible </td> 
 <td> boolean </td> 
 <td> 定义是否显示折叠按钮。 </td> 
 <td> false </td> 
 </tr> 
 <tr> 
 <td> minimizable </td> 
 <td> boolean </td> 
 <td> 定义是否显示最小化按钮。 </td> 
 <td> false </td> 
 </tr> 
 <tr> 
 <td> maximizable </td> 
 <td> boolean </td> 
 <td> 定义是否显示最大化按钮。 </td> 
 <td> false </td> 
 </tr> 
 <tr> 
 <td> resizable </td> 
 <td> boolean </td> 
 <td> 定义对话框能否调整尺寸。 </td> 
 <td> false </td> 
 </tr> 
 <tr> 
 <td> toolbar </td> 
 <td> array </td> 
 <td> 对话框的顶部工具栏，每个工具的选项都与&nbsp;linkbutton&nbsp;一样。 </td> 
 <td> null </td> 
 </tr> 
 <tr> 
 <td> buttons </td> 
 <td> array </td> 
 <td> 对话框的底部按钮，每个按钮的选项都与&nbsp;linkbutton&nbsp;一样。 </td> 
 <td> null </td> 
 </tr> 
 </tbody> 
</table>

**事件**

其事件扩展自 window。

**方法**

其方法扩展自 window，下列是为 dialog 增加的方法。

<table> 
 <tbody> 
 <tr> 
 <td> 名称 </td> 
 <td> 参数 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> dialog </td> 
 <td> none </td> 
 <td> 返回&nbsp;dialog&nbsp;对象。 &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

[jeasyui_dialog.png]: /images/20220319/7ff05565f88343dd81b8ae4060089719.png