Layer弹出层关闭后刷新父页面

最新推荐文章于 2024-04-22 14:09:18 发布

原创最新推荐文章于 2024-04-22 14:09:18 发布 · 1.1w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#Layer #刷新 #关闭

【LayUi】专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用Layer插件进行弹出层的管理，包括关闭弹出层及刷新父页面的方法。通过示例代码，展示了如何通过JavaScript实现弹窗的关闭与页面的刷新，适用于网页开发中常见的需求场景。

一、Layer弹出层关闭后刷新父页面

//编辑
$("#edit").on("click", function(){
	var id = getIdSelections(); //debugger;
	var addUrl = 'editCustomer.html?id='+ id 
	layer.open({
		type: 2, //1：页面层，2：iframe层，3：加载层，4：tips层。
		title: '客户自运编辑',
		shadeClose: false, //不开启遮罩关闭,也就是说，点击弹出层其它地方不会关闭弹出框
		shade: 0.8, //遮罩
		area: ['90%', '70%'],
		content: addUrl,
		end: function () { //最后执行reload
                location.reload();
            }
	});
});

二、关闭弹出层

首先，弹出某个层时需要给层取名（赋值），如：

var mylayer = layer.open({
    type: 2,
    content: 'layer.html',
    title: false,
    area: ['500px', '500px'] 
});

（1）需要关闭指定的弹出层时，直接：

layer.close(mylayer);

（2）如果在弹出层中写js，将弹出层自身关闭，可以先获取到弹出层名字，再将其关闭

var mylayer= parent.layer.getFrameIndex(window.name);
 
parent.layer.close(mylayer);

三、刷新父层

 parent.location.reload();