Question

jquery easyui 中dialog怎么关闭对话框

在jquery中，用easyui打开一个对话框，对话框引用了另一个页面，现在需要在这个页面中增加一个按钮，用来关闭对话框，如何写关闭事件？

Answer 1

1、首先下载EasyUI的组件包，然后导入到开发工具中并且在HTML页面导入jquery脚本。

2、接下来需要导入的easyui的脚本文件，如下图所示，一定先导入jquery后导入easyui。

3、然后需要导入的是easyui的样式文件，如下图所示，样式文件只需要easyui.css即可。

4、接下来还需要导入的是语言文件，不导入的话可能会导致一些组件是英文。

5、接下来在body中定义一个div，然后给它一个easyui-dialog的样式。

6、然后运行页面，就会在页面中看到一个dialog的弹出窗口了，就可以关闭对话框了。

Answer 2

在页面中定义个关闭函数 ,在子页面中调用top.函数名
比如
function d_close(){
$('#dd').dialog('close');
}
在弹出页面里面top.d_close();
当然了如果页面不是顶部页面比如用了框架集就不用top.

Answer 3

当dialog是js拼出来的时候可以使用 $('#div').dialog("destroy");摧毁该div，当是html书写的dialog 可以使用 $('#div').dialog("close");

Answer 4

对话框（dialog）是一个特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。默认情况下，对话框（dialog）只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具（比如：可折叠 collapsible、可最小化 minimizable、可最大化 maximizable，等等）。你可以直接调用这个dialog中的关闭方法
$('#dialogDiv').dialog({
onClose:function(){
alert('dlg closed');
},
onOpen:function(){
alert('dlg Open');
},
});

Answer 5

1. $('#dialogDiv').dialog({
   onClose:function(){
       alert('dlg closed');
   }
   });
   

2.  $("#dialogDiv").dialog('destroy');