三个layer插件关闭刷新父窗口的方式

原创 2018年04月16日 11:37:11

方式1:在子页面,保存后刷新父窗口

	$.post("${ctx}/productInfo/save.action", $("#form1").serialize(), function(
				data) {
			layer.msg(data, {
				icon : 1
			}, function() {
				var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
				parent.layer.close(index); //关闭窗口
				parent.window.location.href = "${ctx}/productInfo/list.action"; //刷新父页面 
			});
		});

方式2:在子页面,保存后刷新父窗口

$.post("${ctx}/productInfo/save.action", $("#form1").serialize(), function(
				data) {
			layer.msg(data, {
				icon : 1
			}, function() {
				parent.layer.closeAll();
				 parent.$('#tb_departments').bootstrapTable(
						('refresh')); 
			});
		});

方式3:在父页面,刷新当前窗口,子页面只关闭layer

$.post("${ctx}/productInfo/save.action", $("#form1").serialize(), function(
				data) {
			layer.msg(data, {
				icon : 1
			}, function() {
				parent.layer.closeAll();
			});
		}
父页面:
function add(id) {
			var flag = true;
			top.layer.open({
				title : '新增产品',
				type : 2,
				area : [ '420px', '500px' ],
				resize : false, //是否允许拉伸
				/*  弹出框页面 跳转地址 */
				content : '${ctx}/productInfo/input.action',
				cancel : function() {  // 取消  关闭时什么都不做
					flag = false;
				},
				end:function() {  //点击按钮 结束时 刷新窗口
					if (flag) {
						$('#tb_departments').bootstrapTable(
								('refresh'));
					}
				}
			});
		}





版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013943009/article/details/79958401

阻断top.layer.open确认

父亲页面 top.layer.open({        type: 2,         area: ['800px','480px'],        title: title,   ...
  • changliangwl
  • changliangwl
  • 2017-04-21 16:09:09
  • 2172

layer弹出层显示在top顶层

因为项目框架用了iframe,所以在用layer时,默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示,想到用top.layer.op...
  • yjb7268888
  • yjb7268888
  • 2016-11-29 11:23:53
  • 13111

Jquery Layer 插件关闭刷新父窗体

$.reload(); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(...
  • lee576
  • lee576
  • 2017-03-23 10:31:32
  • 1088

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

window.parent.location.reload(); //刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗...
  • liuhongshuo2012
  • liuhongshuo2012
  • 2016-06-01 16:28:18
  • 23337

layer.close()层关闭后如何刷新父窗体

之前我是这样写的: if (data > 0) { alert("添加成功"); window.location.href="BusnumberCheck.html"; //刷新父窗口 ...
  • a110658684
  • a110658684
  • 2016-10-09 15:12:48
  • 3622

使用layer弹层组件和javascript实现子页面添加文章后关闭子页面并刷新父页面

语言表达能力太差,先上图: 这是父页面,点击添加文章按钮弹出如下子页面: 要实现的效果是:子页面添加文章内容并点击保存后,关闭该子页面,同时刷新父页面的文章列表。 我的思路是: 1.父页面写一个f...
  • CGS_______
  • CGS_______
  • 2017-03-27 16:40:53
  • 2250

在layer的弹出框中点击按钮刷新父页面并关闭弹出框

今天写layer弹出框里面是区域选择,需要根据选择的区域进行展示如图 点击唐人街餐馆父页面会刷新并且弹出框会消失 代码如下:                           " cla...
  • two_people
  • two_people
  • 2016-08-15 13:13:15
  • 7255

疑难杂症(1) -- layer关闭刷新父界面

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。...
  • tanzhen1991910
  • tanzhen1991910
  • 2016-12-03 23:23:33
  • 13794

菜鸟解决“子页面关闭刷新父页面局部”问题的历程

引子       昨天晚上做一个项目,遇到的一个问题,这个项目是一个在线考试系统,新建一份试卷的页面,要添加一些试题策略。点击添加试题策略,弹出添加策略的页面,策略编辑好之后提交,添加策略页关闭...
  • hr541659660
  • hr541659660
  • 2016-01-08 14:53:31
  • 3004

layer 弹出层在提交后关闭,然后刷新父窗口

使用场景是这样的:在用户列表页面,新增一个用户,点击新增的时候弹出一个layer弹出层,在该层完成信息后提交,保存成功后关闭弹出层,然后刷新用户列表。 解决方法有两种吧。 1.弹出层在提交保存后不关闭...
  • chen846262292
  • chen846262292
  • 2017-12-01 16:21:28
  • 2556
收藏助手
不良信息举报
您举报文章:三个layer插件关闭刷新父窗口的方式
举报原因:
原因补充:

(最多只允许输入30个字)