1. 程式人生 > >layer彈出層及父頁面

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)