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

  // 监听状态开关操作
        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});
               }
           });
        });

你可能感兴趣的:(web前端)