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

一、confirm回调

在给开关添加确认框之前,先打印了confirm的几种回调,每次的顺序点击为确认按钮、取消按钮、右上角的X按钮
第一种
1.写法
在这里插入图片描述
2.打印值
在这里插入图片描述
第二种

1.写法
在这里插入图片描述
2.打印值
在这里插入图片描述
可以看到点击确认和取消按钮都触发了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');
                    }
                })
            });
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值