网站建设资讯

NEWS

网站建设资讯

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

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

朝阳县网站建设公司创新互联,朝阳县网站设计制作,有大型网站制作公司丰富经验。已为朝阳县上千多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的朝阳县做网站的公司定做!

图中有两个弹框父级弹框编辑用户,子级弹框角色分配,我所选中的复选框,需要在父级弹框里显示出来
那我父级页面的弹框的代码可以这样写
$('.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就是父级页面了,在子级页面我们可以操作父级页面的数据了


文章题目:layerui使用多层弹框时,各个页面交互问题
本文链接:http://cdweb.net/article/pgpsge.html