天天看点

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);