新聞中心
本篇文章為大家展示了怎么在layui中使用layer實(shí)現(xiàn)父子頁(yè)面交互,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了三山免費(fèi)建站歡迎大家使用!
1、訪問父頁(yè)面元素值
var parentId=parent.$("#id").val();//訪問父頁(yè)面元素值
2、訪問父頁(yè)面方法
var parentMethodValue=parent.getMethodValue();//訪問父頁(yè)面方法
3、如何關(guān)閉彈出的子頁(yè)面窗口
var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引 parent.layer.close(index);//關(guān)閉彈出的子頁(yè)面窗口
4、如何從子頁(yè)面執(zhí)行刷新父頁(yè)面操作
parent.location.reload(); // 父頁(yè)面刷新
附:layer彈出多個(gè)iframe找到父頁(yè)面的方法
父頁(yè)面:
function aa(){ var index = parent.layer.getFrameIndex(window.name); var iframeName = 'layui-layer-iframe'+index; openDialog1('選擇XXX', '${ctx}/*****,'800px', '500px',iframeName); } function openDialog1(title,url,width,height,target){ top.layer.open({ type: 2, area: [width, height], title: title, maxmin: true, //開啟最大化最小化按鈕 content: url , btn: ['確定', '關(guān)閉'], yes: function(index, layero){ var body = top.layer.getChildFrame('body', index); var iframeWin = layero.find('iframe')[0]; //得到iframe頁(yè)的窗口對(duì)象,執(zhí)行iframe頁(yè)的方法:iframeWin.method(); var inputForm = body.find('#inputForm'); var top_iframe; if(target){ top_iframe = target;//如果指定了iframe,則在改frame中跳轉(zhuǎn) }else{ top_iframe = top.getActiveTab().attr("name");//獲取當(dāng)前active的tab的iframe } inputForm.attr("target",top_iframe);//表單提交成功后,從服務(wù)器返回的url在當(dāng)前tab中展示 if(iframeWin.contentWindow.doSubmit(top_iframe) ){ top.layer.close(index);//關(guān)閉對(duì)話框。 top.window[iframeName].frames.location.reload();//刷新父親 } }, cancel: function(index){ } }); } //子頁(yè)面回調(diào)方法 function addRecord(name,chainName){ alert(name); }
子頁(yè)面
function doSubmit(iframeName) { var sel=$("tbody tr td input.i-checks:checked"); var size = sel.size(); if(size==0){ top.layer.alert('請(qǐng)至少選擇一條數(shù)據(jù)!', {icon: 0, title:'警告'}); return false; }else{ for(var i=0;i上述內(nèi)容就是怎么在layui中使用layer實(shí)現(xiàn)父子頁(yè)面交互,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享標(biāo)題:怎么在layui中使用layer實(shí)現(xiàn)父子頁(yè)面交互
文章路徑:http://fisionsoft.com.cn/article/jedhcd.html