layer.open 弹出框关闭时回调方法

原创于 2024-04-17 17:24:33 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript #开发语言 #ruoyi

收录于

本文详细描述了如何在网页中使用JavaScript的layer.open函数创建一个可定制的弹层，包括设置尺寸、标题、内容、按钮以及处理用户交互的回调方法。

 layer.open({
            type: 2,
            area: ['800px', '500px'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: "标题",
            content: url,
            btn: ['处理', '关闭'],
            // 弹层外区域关闭
            shadeClose: false,
            yes: function (index, layero) {
               //点击处理按钮时的回调方法
                debugger;
                var iframeWin = layero.find('iframe')[0];
                iframeWin.contentWindow.submitHandler(index, layero);
            },
            cancel: function (index, layero) {
                // 点击右上角 X 的回调方法
                cancelWF(taskid);
                return true;
            },
            end: function (index, layero) {
                 // 点击关闭按钮的回调方法
                cancelWF(taskid);
            }
        });