layui 父子弹窗数据交互给父窗体传值代码实例(包含子弹窗自己关闭并给父弹窗数据填充)

layui 父子弹窗数据交互给父窗体传值代码实例(包含子弹窗自己关闭并给父弹窗数据填充)

这篇文章介绍了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); //再执行关闭
}

  

原文链接:https://www.cnblogs.com/SmallChen/p/16474620.html

    

站长公告

极客大全专注硬核技术知识分享,助您享受知识的乐趣

热门标签