如何使layer多层弹框,最后的窗口叠加在开始的上面?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使layer多层弹框,最后的窗口叠加在开始的上面?相关的知识,希望对你有一定的参考价值。

加了zIndex后,第一次效果对了,但是如果第一个窗口不关闭,那么以后点击按钮时,他就会被第一个窗口挡住

你看一下layer的官方演示里边就有在iframe中关闭自身的例子 在你上面的“页面”中,在你提交表单后执行 var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引$('#提交的元素').on('click', function() parent.layer.close(i... 参考技术A 前面加top
top.layer(
type: 2,
title: 'xxx',
closeBtn: 1,
content: iframe,
area: ["xxpx", "xxpx"],
maxmin: true,
shade: 0.5,
btn: ['选择', '取消'],
btnAlign: 'c',
btn1: function (index, layero)
top.layer.close(index);
, btn2: function (index, layero)
top.layer.close(index);

);

layui layer弹框中表格的显示

场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格。

问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示。

代码展示:

parent.layer.open({
    type: 0,
    id: ‘Layer‘,
    title: ‘标题‘,
    area: [‘740px‘, ‘500px‘],
    shade: 0,
    anim: -1,
    content: ‘<div class="table"></div>‘,
    success: function(layero, index) {
        var colsList = [
            [
                { field: ‘title‘, title: ‘标题‘ },
                { field: ‘content‘, title: ‘内容‘ }
            ]
        ];
        var Datas = [];
        for(var i = 0; i < 40; i++) {
            Datas.push({
                title: ‘标题‘ + i,
                content: ‘内容‘ + i,
            });
        }
        console.log(Datas);
        table.render({
            elem: layero.find(‘.table‘),
            id: ‘Message‘,
            data: Datas,
            cols: colsList,
            limit: 8,
            page: true,
        });
    }
});

代码效果展示:

技术图片

 期望效果展示:

技术图片

 

猜测1:找不到生成分页的dom结构

解决办法:???

 

以上是关于如何使layer多层弹框,最后的窗口叠加在开始的上面?的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用layer弹框

在vue中引入layer弹框的简易方法

如何使点击事件通过tkinter窗口?

两万字总结Windows系统中的Layered分层窗口技术

layui layer弹框中表格的显示

layui/layer 弹框关闭父级弹框