開源項目ITOM中在系統管理菜單下的菜單管理下點選編輯時:
菜單圖示輸入框隻能輸入圖示名稱,不友好,我把它改成點選 菜單圖示輸入框時 彈出 圖示預覽 選擇頁面:如圖
點選圖示時,直接關閉子頁面,把圖示名稱和圖示更新一下,這樣使用者體驗更好,更舒服;
但是子頁面沒有按鈕,如何從子頁面設定父頁面的值或者是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);