layer实现关闭弹出层刷新父界面

最新推荐文章于 2023-08-23 11:00:30 发布

发明灯泡的

最新推荐文章于 2023-08-23 11:00:30 发布

阅读量832

点赞数

分类专栏： webForm 前端操作文章标签： jquery

本文链接：https://blog.youkuaiyun.com/qq_42364200/article/details/110120917

版权

webForm 同时被 2 个专栏收录

16 篇文章

订阅专栏

前端操作

6 篇文章

订阅专栏

博客围绕页面操作后刷新父页面展开。在同一子页面（弹框）进行添加或修改操作后，右边页面刷新但左边tree菜单无反应，需刷新页面才显示。介绍了网上常见的刷新方法，还提及使用layer插件的end回调方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我先说一下，我为什么要刷新父页面。
在这里插入图片描述
在这个页面中，添加或修改用的同一个子页面（弹框），完成操作后，右边的页面会刷新，但是我左面的tree菜单没有反应，只能刷新这个页面后，才会显示，我在网上找了好多方法基本都是这两条语句：
parent.location.reload();或者window.parent.location.reload();
可以试一试：我刷新后的页面是这样的，不知道你们是不是，标签栏和左边的导航就关了，所以这个方法pass。
在这里插入图片描述
另一个方法：
使用layer插件的end回调方法
打开弹框时写入end方法

top.layer.config({
                extend: 'myskin/style.css', //加载新皮肤
                skin: 'demo-class' //一旦设定，所有弹层风格都采用此主题。
            }).open({
                type: 2
                , offset: offset //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                , id: id //防止重复弹出
                , title: title
                , area: [height, width]
                , content: src
                //, btn: '关闭全部'
                , btnAlign: 'c' //按钮居中
                , shade: 0 //不显示遮罩
                , yes: function () {
                    parent.layer.closeAll()
                },
                //回调刷新页面
                end:function() {
                    location.reload();
                },
                success: function (layero, index) {
                    var obj = $(layero).find("iframe")[0].contentWindow;
                    obj.parentWindow = window;
                }
            });