对话框组件依赖于窗口组件、链接按钮组件

装载方法

类别加载

div class=' easui-dialog ' title='弹出框' data-options=' icon cls 3360 ' icon-add '，可调整大小3360 true，模式3360 true ' style=' width 3360 400 px；' height: 200px'弹出框内容/divJS调用加载

Div id='box '弹出内容/div div id=' TT ' a href=' # ' class=' easyui-link button '数据-选项=' icon cls: '图标-编辑'，Plain:true '编辑/a href=' # ' class=' easyui-link button '数据-选项=' icon cls: '图标-帮助'，Plain:true '帮助/a/div脚本$(function(){ $ '(# box ')。对话框({宽度： 400，高度： 200，标题： '弹出标题'，模态： true，//是否显示可折叠按钮： false，//最小化按钮： false，//可最大化： false，//可以更改对话框窗口大小吗？//设置对话框窗口顶部的工具栏//Buttons :' # TT '，Toolbar : [{Text :' Edit '，Icon CLS :' Icon-Edit '，Handler 3360 Function(){ Alert(' Edit ')}，}，{}，//buttons : [{ text :' Save '，Icon CLS :' Icon-OK '，Handler 3360 Function(){ Alert(' Save ')；} },{}] }) });/script属性列表

窗口属性是从窗口(面板)扩展而来的，新添加或重新定义的窗口属性如下

对话框继承自窗口组件，因此窗口组件和面板组件都可用

事件列表

窗口的事件完全继承自窗口(面板)。因此，直接引用窗口面板中的事件就足够了。

//对话框事件$ ('# box ')。dialog ({width : 600，height : 400，modal : true，onclose 3360 function () {alert('关闭后触发！');},});方法列表

对话框的方法从Window扩展而来，新的对话框方法如下

//返回外部窗口对象//console.log ($ ('# box ')。窗口('对话框')；//使用$.fn.window.defaults覆盖默认值对象。以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。