layui 父子弹窗数据交互(包含子弹窗自己关闭并给父弹窗数据填充)
//父级弹窗 function showAlertOrg() { layui.use('layer', function () { var body; var index = layer.open({ title: '接待单位', type: 2, btn: ['确认'], content: "/m/ucenter/SelectOrg.aspx", //子窗体地址 zIndex: layer.zIndex, success: function (layero, index) { $(".layui-layer-title").css("display", "none"); $(".layui-layer-setwin").css("display", "none"); $(".layui-layer-btn0").addClass("qt_btn"); $('.layui-layer-content iframe').css({ height: "calc(100vh - 55px)" }); $(window).resize(function () { $('.layui-layer-content iframe').css({ height: "calc(100vh - 55px)" }); }); body = layui.layer.getChildFrame('body', index);//获取子窗体 body内容 }, yes: function (index, layero) { var selectName = body.contents().find("#selectValName").val(); //子窗体有一个ID为userName的input 这里就是获取这个input的内容 $("#txtReceptionUser").val(selectName); layer.closeAll(); }, btn2: function () { //alert("222"); 取消时触发 }, end: function () { //关闭窗体时 触发 var selectName = body.contents().find("#selectValName").val(); //子窗体有一个ID为userName的input 这里就是获取这个input的内容 $("#txtReceptionUser").val(selectName); } }); layui.layer.full(index); }) }; //子级数据交互 <input type="hidden" id="selectValName" value="" /> //子窗体保存值的临时控件 //给控件赋值并关闭窗体,给父窗体传值 function sureOrg(sourceName) { $("#selectValName").val(sourceName); console.log($("#selectValName").val()); closeDio(); } function closeDio() { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 }
本文来自博客园,作者:WantRemake,转载请注明原文链接:https://www.cnblogs.com/SmallChen/p/16474620.html