layer弹出层及父页面

最新推荐文章于 2024-09-26 07:41:32 发布

smallfishhhh

最新推荐文章于 2024-09-26 07:41:32 发布

阅读量8.9k

点赞数

文章标签： layer 父子页面之间元素方法的获取

本文链接：https://blog.csdn.net/suipaoxian7824/article/details/79004074

版权

首先在父页面写弹框的方法，这里用到的是layer.open()。

//选择项目成员的弹框
	function selectMember() {
		var title = "选择项目成员";
		var selectManagerDept = $("#deptId").val();
		if($("#projType").val()  == '1' ){
			var dataUrl = "#springUrl('/proj/goToSelectMember.html')?selectDeptId="+selectManagerDept;
		}
		if($("#projType").val()  == '0' ){//公司级
			var deptList = $("#deptId1").val();
		    var pdeptString = deptList.toString();
		    var dataUrl = "#springUrl('/proj/goToSelectMember.html')?selectDeptId="+selectManagerDept+"&pdeptString="+pdeptString;
		}	
		layer.open({
			type : 2,
			title : title,
			shadeClose : true,
			shade : 0.8,
			area : [ '900px', '600px' ],
			fix : false,
			maxmin : true,
			content : dataUrl,
			success: function(layero, index){
				var frameId = "#" + layero.find('iframe')[0].id;
				if($("#projType").val()  == '1' ){
					var selectDept = $(frameId).contents().find("#selectDept").hide();	
				}
		        
		    }
		});
	}

其实layer有很多种弹出层。比如：

询问框：layer.confirm()；
layer提示框，layer.msg('玩命提示中');
layer alert层：layer.alert（）；
tips层：layer.tips('Hi，我是tips', '吸附元素选择器，如#id');
确认：layer.confirm()



然后在弹出层，如果想获取父页面的元素,只需要写window.parent.document.getElementById("元素Id")即可，比如

window.parent.document.getElementById("tableMember").rows.length;





如果想调用父页面的方法,只需要写window.parent.方法名()，这种方法即可，比如：

window.parent.addLine2（）





以上的方法为js的方法，也可以用jq的方法

$("#父页面元素id" , parent.document)





参考的网址：点击打开链接