layer弹出层及父页面

首先在父页面写弹框的方法,这里用到的是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)


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


 
  
 
 

你可能感兴趣的:(layer弹出层及父页面)