欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Layui开关添加弹出确认框及layer.confirm的回调

程序员文章站 2022-05-31 13:26:38
...

一、confirm回调

在给开关添加确认框之前,先打印了confirm的几种回调,每次的顺序点击为确认按钮、取消按钮、右上角的X按钮
第一种
1.写法
Layui开关添加弹出确认框及layer.confirm的回调
2.打印值
Layui开关添加弹出确认框及layer.confirm的回调
第二种

1.写法
Layui开关添加弹出确认框及layer.confirm的回调
2.打印值
Layui开关添加弹出确认框及layer.confirm的回调
可以看到点击确认和取消按钮都触发了end,点击X触发了一次end
要使用end或者cancel的回调,需要用大括号{}将end、cancel包裹

二、开关添加confirm

 //监听指定开关
            form.on('switch(switchState)', function (obj) {
                var thisobj= this;
                var ck = thisobj.checked;
                layer.confirm(ck ? '确定启用?' : '确认禁用?', {
                    btn1: function (index) {
						/**post*/
                        layer.close(index);
                    },
                    btn2: function () {
                        thisobj.checked = !ck;
                        form.render('checkbox');
                    },
                    cancel: function () {
                        thisobj.checked = !ck;
                        form.render('checkbox');
                    }
                })
            });
相关标签: Layui HTML前端