layer ui使用多層彈框時，各個頁面交互問題
阿新 • • 發佈：2018-05-05
layer ui最近在用layer ui的彈框做項目，使用的時候有時會用到2-3級的彈框，多級彈框會遇到每個彈框的數據之間的交互問題，例如：
content: url,
id: "addresourcedialog",
});
});
打開子級頁面的代碼
圖中有兩個彈框父級彈框編輯用戶，子級彈框角色分配，我所選中的復選框，需要在父級彈框裏顯示出來
那我父級頁面的彈框的代碼可以這樣寫
$(‘.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"], //寬高
content: url,
id: "addresourcedialog",
});
});
打開子級頁面的代碼
子級頁面數據交互的代碼
var thisFrame =parent.window.document.getElementById("addresourcedialog").getElementsByTagName("iframe")[0].id;
var dcmt = parent.$(‘#‘+thisFrame)[0].contentWindow;
這裏的dcmt就是父級頁面了，在子級頁面我們可以操作父級頁面的數據了
layer ui使用多層彈框時，各個頁面交互問題