您好,登錄后才能下訂單哦!
最近在用layer ui的彈框做項目,使用的時候有時會用到2-3級的彈框,多級彈框會遇到每個彈框的數據之間的交互問題,例如:
圖中有兩個彈框父級彈框編輯用戶,子級彈框角色分配,我所選中的復選框,需要在父級彈框里顯示出來
那我父級頁面的彈框的代碼可以這樣寫
$('.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",
});
});
打開子級頁面的代碼
子級頁面數據交互的代碼
var thisFrame =parent.window.document.getElementById("addresourcedialog").getElementsByTagName("iframe")[0].id;
var dcmt = parent.$('#'+thisFrame)[0].contentWindow;
這里的dcmt就是父級頁面了,在子級頁面我們可以操作父級頁面的數據了
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。