问题描述

求解easyUI中怎么关闭dialog

 我尝试很多方法就是关不掉的,求大神解答,代码如下:

a.jsp
'<div id="dd"></div>'
dd中的代码:
$('#dd').dialog({
                    title: '添加通路方案',
                    width: 500,
                    height: 500,
                    closed: false,
                    cache: false,
                    modal: true,
                    content:'<iframe src="'+ctx+'/equipManage/addAccessPage"  frameborder="0" height="100%" width="100%"  />'
                }); 

addAccessPage.jsp中设置了个button
怎么也关不掉:
<a id="btn">提交</a>
        $(function(){
    $("input[name=name]").validatebox({
        required:true,
        missingMessage:'请输入方案名称'
    });

    $("#btn").click(function(){

        $('#ff').form('submit', {
            url:ctx+'/equipManage/AddAccess',
            success: function(data){
                if("true"==data){
                    parent.document.getElecmentById("dd").window('close');
                }else{
                    alert("操作失败,请检查数据");
                }
            }
        });
    });

});

解决方案

document.getElementById得到的是dom对象，不是easyUI的组件，而且注意要使用父页的jquery，不能用iframe里面的jquery对象

 //parent.document.getElecmentById("dd").window('close');
 //==>
 parent.$('#dd',parent.document).window('close');

解决方案二：

EasyUi dialog 去除默认关闭