1、首先下载EasyUI的组件包,然后导入到开发工具中并且在HTML页面导入jquery脚本。
2、接下来需要导入的easyui的脚本文件,如下图所示,一定先导入jquery后导入easyui。
3、然后需要导入的是easyui的样式文件,如下图所示,样式文件只需要easyui.css即可。
4、接下来还需要导入的是语言文件,不导入的话可能会导致一些组件是英文。
5、接下来在body中定义一个div,然后给它一个easyui-dialog的样式。
6、然后运行页面,就会在页面中看到一个dialog的弹出窗口了,就可以关闭对话框了。
在页面中定义个关闭函数 ,在子页面中调用top.函数名
比如
function d_close(){
$('#dd').dialog('close');
}
在弹出页面里面top.d_close();
当然了如果页面不是顶部页面比如用了框架集就不用top.
当dialog是js拼出来的时候可以使用 $('#div').dialog("destroy");摧毁该div,当是html书写的dialog 可以使用 $('#div').dialog("close");
对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible、可最小化 minimizable、可最大化 maximizable,等等)。你可以直接调用这个dialog中的关闭方法
$('#dialogDiv').dialog({
onClose:function(){
alert('dlg closed');
},
onOpen:function(){
alert('dlg Open');
},
});
$('#dialogDiv').dialog({
onClose:function(){
alert('dlg closed');
}
});
$("#dialogDiv").dialog('destroy');