layerui使用多层弹框时,各个页面交互问题-创新互联-成都快上网建站

layerui使用多层弹框时,各个页面交互问题-创新互联

最近在用layer ui的弹框做项目,使用的时候有时会用到2-3级的弹框,多级弹框会遇到每个弹框的数据之间的交互问题,例如:

成都创新互联公司专注于企业营销型网站、网站重做改版、江孜网站定制设计、自适应品牌网站建设、H5建站电子商务商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为江孜等各大城市提供网站开发制作服务。

图中有两个弹框父级弹框编辑用户,子级弹框角色分配,我所选中的复选框,需要在父级弹框里显示出来
那我父级页面的弹框的代码可以这样写
$('.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",
});
});
layer ui使用多层弹框时,各个页面交互问题
打开子级页面的代码
layer ui使用多层弹框时,各个页面交互问题

子级页面数据交互的代码
var thisFrame =parent.window.document.getElementById("addresourcedialog").getElementsByTagName("iframe")[0].id;
var dcmt = parent.$('#'+thisFrame)[0].contentWindow;
layer ui使用多层弹框时,各个页面交互问题

这里的dcmt就是父级页面了,在子级页面我们可以操作父级页面的数据了

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:layerui使用多层弹框时,各个页面交互问题-创新互联
网站路径:http://kswjz.com/article/doddpc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流