Layui开关添加弹出确认框及layer.confirm的回调
程序员文章站
2022-05-31 13:26:38
...
一、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');
}
})
});
上一篇: Photoshop简单绘制立体球体
下一篇: ps制作漂亮的彩色飘带