天天看點

layer open 彈出層 子頁面關閉 給父頁面設定屬性

開源項目ITOM中在系統管理菜單下的菜單管理下點選編輯時:

layer open 彈出層 子頁面關閉 給父頁面設定屬性

菜單圖示輸入框隻能輸入圖示名稱,不友好,我把它改成點選 菜單圖示輸入框時 彈出 圖示預覽 選擇頁面:如圖

layer open 彈出層 子頁面關閉 給父頁面設定屬性
layer open 彈出層 子頁面關閉 給父頁面設定屬性

點選圖示時,直接關閉子頁面,把圖示名稱和圖示更新一下,這樣使用者體驗更好,更舒服;

但是子頁面沒有按鈕,如何從子頁面設定父頁面的值或者是class呢?

如下代碼可以完美解決

// 子頁面中關閉方法代碼
// icon 父頁面元素ID
$("#icon",window.parent.document).val(iconClassName);
// icon-show 父頁面圖示class
$(".icon-show",window.parent.document).attr("class", "icon-show "+iconClassName);
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);