读书人

easyui window 以及 dialog 打开一个子

发布时间: 2013-03-01 18:33:02 作者: rapoo

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')"/>

读书人网 >JavaScript

热点推荐