layui 表格 switch 监听以及阻止切换

最新推荐文章于 2024-06-06 17:22:59 发布

原创最新推荐文章于 2024-06-06 17:22:59 发布 · 4.3k 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用layui框架监听状态开关的操作方法，并详细解释了如何进行权限验证及通过AJAX提交数据到后台进行状态修改的过程。文章还涵盖了如何处理权限不足的情况，以及在修改成功或失败后的提示信息展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 监听状态开关操作
form.on('switch(OnOff)', function (obj) {

var swt = $(obj.elem);

//权限验证
var res = checkauth("{:U('Role/role_state')}");
if(res ==1) {
layer.msg('无权限!', {shade: 0.3,time: 500}); //同步验证完毕后无权限
swt.prop('checked',!obj.elem.checked); //修改switch开关
layui.form.render();//刷新表格
return ;
}
var num = '';
obj.elem.checked == true? num = 1: num = 0;
//提交后台修改数据
$.ajax({
             type: "POST",
             url: "{:U('Role/role_state')}?id="+obj.value,
             dataType: "json",
data: {'status':num},
             success: function(data){

if(1==data.code) {
//提示
layer.msg('修改成功!', {shade: 0.3,time: 500});
obj.del();
} else {
layer.msg('修改失败!', {shade: 0.3,time: 500});
}
              },
             error:function(e){
layer.msg('修改失败!', {shade: 0.3,time: 500});
             }
         });
});