layui 或者layer子调父类 自定义按钮调用layer.open父页面方法及关闭

1.父页面获取子页面指定的id数据
父页面
layer.open({
type : 2,
title : '微信公众号',
maxmin : true,
shadeClose : false,
area : [ '400px', '200px' ],
content :'/frame/checkWeiXin/'+username, // iframe的url
btn: ["确定", '关闭'],
success: function(layero, index) {},
    // 确定的操作
    btn1: function(index, layero) {  
      // 父页面获取子页面的iframe
var frameId = $(layero).find("iframe").attr('id'); 
// 父页面获取子页面指定的id数据
var id = $(window.frames[frameId].document).find("#id").val();
alert(id);
    },
    cancel: function(index, layero) {
        // 取消的操作
    } 

});

子页面
<select class="form-control" name="id" id="id">
<option value ="-1">请选择</option>

</select>

2.子页面操作父页面按钮点击事件：
父页面弹窗代码：

layer.open({
                    type: 2,
                    title: '新增',
                    maxmin: false,
                    shadeClose: false, //点击遮罩关闭层
                    area: ['80%', '90%'],
                    resize: false,
                    content: content
                });

子页面操作父页面按钮：
// 重新打开新增界面
       if(optCode == "1"){
                parent.layer.closeAll();
                 $(window.parent.document).find("#toolbarBtns").children()[1].click();
           }

3.（自定义按钮）子调用layer.open父页面关闭
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);

4.子调用父类方法 及 赋值
window.parent.$("#id").val(id);

window.parent.open46();

————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
                        
原文链接：https://blog.csdn.net/qq53167889/article/details/109765590