layer弹出层嵌套调用问题

2023-11-07实例代码
131

layer弹出层嵌套调用问题的实例代码
//首次调用
layer.open({
                        type: 2,
                        title: '打印',
                        content: '/Account/AddPrintInfo?cardId=' + data.Base_CardId,
                        area: ['90%', '30%'],
                        success: function (layero, index) {
                        },
                        end: function () {
                        },
                        btn: ['确定','关闭']
                        , yes: function (index, layero) {
                            var thisIndex = index;
                            layer.confirm('确定保存么', { icon: 3, title: '提示' }, function (index) {
                                var body = layer.getChildFrame('body', index);
    
                                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();]
                                if (iframeWin.AddPrintInfoAction()) {
                                    //关闭confirm
                                    layer.close(index);
                                    setTimeout(function () {
                                        //关闭layer
                                        layer.close(thisIndex);
                                        //当弹出的第一个页面完成操作后判断结果,如果结果为真则关闭之前弹出的内容,弹出新的内容页(第二次调用)
                                        layer.open({
                                            type: 2,
                                            title: '打印',
                                            content: '/Account/AddPrintInfoPage?cardId=' + data.Base_CardId,
                                            area: ['98%', '98%'],
                                            success: function (layero, index) {
                                            },
                                            end: function () {
                                            },
                                            btn: ['打印']
                                            , btn1: function (index, layero) {
                                                
                                                var body = layer.getChildFrame('body', index);
                                                console.log("layero", layero);
                                                
                                                //此处在回调中获得的layero,为当前弹出层的内容,通过该内容获取iframe标签信息,与单层弹出相同    
                                                var iframeWin = window[layero.find('iframe')[0]['name']];
                                                console.log("iframeWin", iframeWin);
                                                iframeWin.printPage();
                                            }
                                        });
                                    }, 2 * 1100);
 
                                }
                                else {
                                    layer.close(index);
                                    return false;
                                }
                            });
                        }
                        
                    });
 
The End

相关推荐

input file上传图片设置的实例代码
input file上传图片设置的实例代码 div纯input与type/div input type="file" div指明需要图片/div input type="file" accept='image/*' div指明需要多张图片/div input type="file" multiple accept='image/*' div指明调用摄像头获取图片/div input type="fil...
2024-12-30 实例代码
133

layui实现打印layer.open弹窗内容
parent.layer.open({ //在父窗口打开 type: 2, //type必须为2,否则打印时候获取不到iframe btn: ['打印','关闭'], title: parent.bigOpenTitle + parent.bigOpenContent + "div class='big-open-title'表单/div", offset: 'auto', skin: 'big-open', area:...
2024-10-16 实例代码
308

layui校验数据后关闭layer弹窗的示例代码
layui校验数据后关闭layer弹窗的示例代码,具体代码如下: $.ajax({ url:"/other/notice_push", data:{title:title,content:content}, type: 'POST', dataType: 'json', success: function(res){ if(res.code == 200){ layer.msg(res.msg,{icon:6,time:2000})...
2024-06-27 实例代码
219

layui如何将表单数据提交到后台并进行校验?
1.使用layui的form模块来实现表单提交。 2.在表单中设置提交事件,调用form.on方法,监听submit事件。在函数中获取到表单数据,然后将表单数据提交到后台。 3.在后台进行校验,校验成功后返回success,否则返回failed。 以下是一个示例:HTML代码: form cla...
2024-06-27 实例代码
651

使用mysql和PHP创建嵌套JSON
使用MySQL和PHP创建嵌套JSON可以通过以下步骤实现: 创建MySQL数据库表格:首先,在MySQL数据库中创建一个表格,用于存储数据。表格的结构可以根据需要进行设计,但至少应包含一个用于存储JSON数据的列。 插入数据:使用INSERT语句将数据插入到表格中。在插...
2024-05-15 实例代码
83

layui的layer弹出层的iframe页面回调
示例代码: $("#ChoiceBank").click(function () { var width = $("#content").css("Width"); layer.open({ type: 2, title: '开户银行选择', area: [width, '380px'], content: ['/Bank.aspx', 'no'], btn: ['确定', '取消'], yes: function (index, layero)...
2023-11-08 实例代码
132