layui iframe中关闭编辑选项卡并刷新列表选项卡的方法

原创已于 2022-03-08 16:08:14 修改 · 987 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui

于 2022-03-08 16:03:58 首次发布

这段代码展示了如何在JavaScript中利用jQuery操作父窗口的iframe，实现指定id的iframe内容重新加载，然后关闭当前激活的编辑选项卡。主要用于更新和关闭页面。

这段代码添加在编辑tab页当中，需要引入jquery，下面选择器中的类名按实际页面更改。

/* 关闭tab页，刷新表格页面*/
    function successTabCallback() {
    	//获取frame父窗口文档
    	var topWindow = $(window.parent.document);
    	//获取指定id的iframe，并且重新加载
    	var $contentWindow = $('.x-iframe[tab-id="'+列表选项卡的id+'"]', topWindow)[0].contentWindow;
    	$contentWindow.location.reload(true);
    	//刷新列表页后，关闭当前编辑页面的选项卡
    	$(".layui-this i ",parent.document).click();
    }