日期:2014-05-16  浏览次数:20539 次

easyui window 以及 dialog 打开一个子页如何关闭 求解

A.html 如下

<div id="test" title="<?php echo $text_quote_open_window_title; ?>" style="top: 10px;
        padding: 1px; width: 780px; height: 590px; display: none;">
    </div>

js 如下
  $("#test").window({
               width: 780,
               modal: true,
               height: 590,
               href: 'B.html'
              });

问题,a.html 使用window 加载一个b.html ,然后加载的b.html 这个窗口 有个关闭按钮,希望在点击按钮的时候关闭,可是怎么也关不掉,
按照easyui 的 window 写法应该是
$('#test').window('close');可是这只是针对于一个界面的window 弹出层才可以,加载另外一个界面如何关闭子页面?
dialog 也是一样的问题关不掉子窗口,求解答。

------解决方案--------------------
parent.document.getElecmentById("#test").window('close');
------解决方案--------------------
没问题啊。。

<!DOCTYPE html>
<html style="width:100%;height:100%;overflow:hidden">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Window - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<link rel="stylesheet" type="text/css" href="demo.css">
<script type="text/javascript" src="../jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>
    $(function () {
        $("#test").window({
            width: 780,
            modal: true,
            height: 590,
            href: 'B.html'
        });
    });
</script>
</head>
<body>
<div id="test" title="abc" style="top: 10px;
        padding: 1px; width: 780px; height: 590px;">
    </div></body>
</html>

b.html

b.html<input type="button" value="close" onclick="$('#test').window('close')"/>