溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

layer ui使用多層彈框時(shí)，各個(gè)頁(yè)面交互問(wèn)題

發(fā)布時(shí)間：2020-08-10 19:22:28 來(lái)源：網(wǎng)絡(luò) 閱讀：5131 作者：杏sunshine 欄目：web開發(fā)

最近在用layer ui的彈框做項(xiàng)目，使用的時(shí)候有時(shí)會(huì)用到2-3級(jí)的彈框，多級(jí)彈框會(huì)遇到每個(gè)彈框的數(shù)據(jù)之間的交互問(wèn)題，例如：

圖中有兩個(gè)彈框父級(jí)彈框編輯用戶，子級(jí)彈框角色分配，我所選中的復(fù)選框，需要在父級(jí)彈框里顯示出來(lái)
那我父級(jí)頁(yè)面的彈框的代碼可以這樣寫
$('.user-add').on("click", function() {
var url = basePath + "/admin/user/v/userAdd";
layer.open({
type: 2,
title: ['添加用戶', 'font-size:16px;'],
fixed: false, //不固定
area: ["735px", "545px"], //寬高
shade: 0.4,
content: url,
id: "addresourcedialog",
});
});
layer ui使用多層彈框時(shí)，各個(gè)頁(yè)面交互問(wèn)題
打開子級(jí)頁(yè)面的代碼
layer ui使用多層彈框時(shí)，各個(gè)頁(yè)面交互問(wèn)題

子級(jí)頁(yè)面數(shù)據(jù)交互的代碼
var thisFrame =parent.window.document.getElementById("addresourcedialog").getElementsByTagName("iframe")[0].id;
var dcmt = parent.$('#'+thisFrame)[0].contentWindow;
layer ui使用多層彈框時(shí)，各個(gè)頁(yè)面交互問(wèn)題

這里的dcmt就是父級(jí)頁(yè)面了，在子級(jí)頁(yè)面我們可以操作父級(jí)頁(yè)面的數(shù)據(jù)了

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手