layer彈出層及父頁面
阿新 • • 發佈:2019-01-30
首先在父頁面寫彈框的方法,這裡用到的是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)