父窗口获取layer.open()打开的子窗口的数据

1.获取子页面的表格多选框选中的数据

 var index = layer.open({
        type: 2,
        title: '标题',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'], //子页面大小
        btn: ['按钮名称'],
        btnAlign: 'c',
        content: '请求路径', // iframe的url
        yes: function (index, layero) { //按钮【按钮一】的回调
            //获取弹出层容器
            var iframeWin = window[layero.find('iframe')[0]['name']];  
            //获取弹出层$('#exampleTable').bootstrapTable选中行数据            
            var rows = iframeWin.$('#exampleTable').bootstrapTable('getSelections');
            
            //获取到表格的选中行数据,进行后续操作
            for(let i; i < rows.length; i++){
                console.log(rows[i].id) //id是该行内的属性
            }             

            layer.close(index);
        }
    });
    layer.full(index); //弹出层全屏显示

2.获取子页面的表格单选框选中的数据

    var index = layer.open({
        type: 2,
        title: '标题',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        btn: ['按钮名称'],
        btnAlign: 'c',
        content: '请求路径', // iframe的url
        yes: function (index, layero) {
            //按钮【按钮一】的回调
            let obj = layero.find('iframe')[0].contentWindow;
            let list = obj.getSelection();

            console.log(list[0].id);

            layer.close(index);
        }
    });
    layer.full(index);

3.获取子页面的input值,及给子页面的input赋值

 var index = layer.open({
        type: 2,
        title: '标题',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        btn: ['按钮名称'],
        btnAlign: 'c',
        content: '请求路径', // iframe的url
        success: function (layero, index) {
            //成功回调,给子页面赋值
            var body = layer.getChildFrame('body', index); //得到iframe页的body内容
            body.find("#子页面id").val('赋值');
        },
        yes: function (index, layero) {
            //按钮【按钮一】的回调,获取子页面的值
            var body = layer.getChildFrame('body', index); //得到iframe页的body内容
            console.log(body.find("#子页面id").val());
            
            layer.close(index);  //关闭子页面
        }
    });
    layer.full(index);

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值