主页面是这样的
<div id="homePage" class="easyui-layout" data-options="fit:true" style="background:white;">
<div data-options="region:'north'" style="height:80px;border:0">
</div>
<div id="leftNav" data-options="region:'west',title:'导航菜单',align:'center',split:false" style="width:200px"> </div>
<div data-options="region:'center'," style="background:white;border:0;overflow:hidden;">
<div id="tab" class="easyui-tabs" data-options="fit:true" style="background:white;border:0;overflow:hidden;">
<div title="首页" style="border:0;overflow:hidden;">
<iframe src="/gc/manage/system/echarts" style="width:100%;height:100%;overflow:hidden;border:0"></iframe>
</div>
</div>
</div>
</div>
这样添加的选项卡
function addtab(title,link){
if ($('#tab').tabs('exists', title)) {
$('#tab').tabs('select', title);//选中并刷新
} else {
$('#tab').tabs('add',{
title:title,
content:'<iframe src="'+link+'" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe>',
closable:true,
tools:[{
iconCls:'icon-mini-refresh'
}]
});
}
}选项卡的页面中打开子页面是这样的,因为我要遮罩层全部都遮罩,所有在主页面动态添加了div self.parent.$('#homePage');
var div=document.createElement("div");
div.id ="win";
self.parent.$('#homePage').append(div);
showMessageDialog("<%= path %>/manage/user/getUserEditPage", "新建用户", "900", "500", true);//窗口页面
function showMessageDialog(url, title, width, height, shadow) {
var content = '<iframe src="' + url + '" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>';
var boarddiv = '<div id="window" title="' + title + '"></div>'//style="overflow:hidden;"可以去掉滚动条
$(document.body).append(boarddiv);
var win = self.parent.$('#win').dialog({
content: content,
width: width,
height: height,
modal: true,
title: title,
/*onClose: function () {
$(this).dialog('destroy');//后面可以关闭后的事件
} */
});
win.dialog('refresh');
}
现在的问题怎么关闭tab页面打开的子页面,同时刷新当前tab页面
<div id="homePage" class="easyui-layout" data-options="fit:true" style="background:white;">
<div data-options="region:'north'" style="height:80px;border:0">
</div>
<div id="leftNav" data-options="region:'west',title:'导航菜单',align:'center',split:false" style="width:200px"> </div>
<div data-options="region:'center'," style="background:white;border:0;overflow:hidden;">
<div id="tab" class="easyui-tabs" data-options="fit:true" style="background:white;border:0;overflow:hidden;">
<div title="首页" style="border:0;overflow:hidden;">
<iframe src="/gc/manage/system/echarts" style="width:100%;height:100%;overflow:hidden;border:0"></iframe>
</div>
</div>
</div>
</div>
这样添加的选项卡
function addtab(title,link){
if ($('#tab').tabs('exists', title)) {
$('#tab').tabs('select', title);//选中并刷新
} else {
$('#tab').tabs('add',{
title:title,
content:'<iframe src="'+link+'" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe>',
closable:true,
tools:[{
iconCls:'icon-mini-refresh'
}]
});
}
}选项卡的页面中打开子页面是这样的,因为我要遮罩层全部都遮罩,所有在主页面动态添加了div self.parent.$('#homePage');
var div=document.createElement("div");
div.id ="win";
self.parent.$('#homePage').append(div);
showMessageDialog("<%= path %>/manage/user/getUserEditPage", "新建用户", "900", "500", true);//窗口页面
function showMessageDialog(url, title, width, height, shadow) {
var content = '<iframe src="' + url + '" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>';
var boarddiv = '<div id="window" title="' + title + '"></div>'//style="overflow:hidden;"可以去掉滚动条
$(document.body).append(boarddiv);
var win = self.parent.$('#win').dialog({
content: content,
width: width,
height: height,
modal: true,
title: title,
/*onClose: function () {
$(this).dialog('destroy');//后面可以关闭后的事件
} */
});
win.dialog('refresh');
}
现在的问题怎么关闭tab页面打开的子页面,同时刷新当前tab页面
onClose: function () {
window.location.href = window.location.href;
}