【layui】layer弹出层嵌套调用问题

最新推荐文章于 2025-09-11 02:21:55 发布

原创

最新推荐文章于 2025-09-11 02:21:55 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#layui #javascript #前端

本文详细描述了一次调用过程中，如何通过Layer组件实现前后端交互，用户在确认保存打印信息后，触发后续打印页面的操作流程。涉及JavaScript的iframe通信和事件处理，展示了在前端开发中处理异步任务的技巧。

//首次调用
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()) {
                                    //关闭co