不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2020-06-20 18:44  分类:HTML/CSS/JS  编辑

在线手册:http://php-note.com/doc/layer/
源码地址:https://github.com/sentsin/layer


一、iframe 内页 关闭自身弹框

Layui 内置方法:layer.getFrameIndex(获取特定iframe层的索引)

此方法一般用于在iframe内页关闭自身时用到:

// 假设这是iframe页
var index = parent.layer.getFrameIndex(window.name); // 先得到当前iframe层的索引
parent.layer.close(index); // 再执行关闭       

二、iframe 弹框关闭前,给父页面传值

parent.$('#parentIframe').text('我被改变了');

三、让 iframe 弹框 高度自适应调整

 parent.layer.iframeAuto(index);

四、让 父页面再弹出一个层

parent.layer.msg('Hi, man', {shade: 0.3})

五、弹框中,再弹框,并把结果汇总到父弹框

参考代码如下:

<input type="hidden" name="repairPId" id="repairPId" value="0" />
<input type="text" name="repairName" id="repairName" class="col-xs-12" />

<script>
    $('#repairName').on('click', function () {
        parent.layer.open({
            type: 2,
            area: ['500px', '450px'],
            btn: ['确定', '取消'],
            fixed: false,
            title: false,
            btnAlign: 'c',
            closeBtn: 0,
            content: "http://test.matechstone.com/v2/afterSale/shipped/shipped",
            yes: function (index) {
                var shipped = parent.layer.getChildFrame('.freeze-table-shipped .table_check_item', index);
                var ids, names, val = '';
                shipped.each(function () {
                    if (this.checked) {
                        val = this.value.split("|");
                        ids = val[0];
                        names = val[1];
                    }
                });

                $("#repairName").val(names);
                $("#repairPId").val(ids);
                parent.layer.close(index);
            },

        });
    });
</script>

 

 

 

参考:https://layer.layui.com/