layui数据表格switch

1、字段显示

,{field:'api_status', title:'api权限', width:100, templet: '#status3',}

2、绑定样式

<script type="text/html" id="status3">
 
    @{{#  if(d.api_status==0){ }}
    
    <input type="checkbox" checked=" 0" value=@{{d.id}} name="status" id="status" lay-skin="switch" lay-filter="switchTest3"  lay-text="ON|OFF">
   
     @{{#  }else{ }}
       <input type="checkbox"  name="open" value=@{{d.id}} lay-skin="switch" lay-filter="switchTest3" lay-text="ON|OFF @{{d.state == "1" ?"checked":"" }}">
        
     @{{# } }}
     
    
     
</script>

3、回调方法

 form.on('switch(switchTest3)', function(data){
     
      var d = this.checked ? '0' : '1';
       let uid = this.value;
      
     
    //   window.location.href="/admin/user/status?status="+d+'&uid='+userid;
        
      if(data.elem.checked==true){
          console.log(uid);
          console.log('true0');
         
          window.location.href="/admin/user/api_status?status=0&uid="+this.value;
        
        // http://htt.rypb.online/admin/user/api_status?status=1&uid=22
          
      }else{
          
          console.log('false1');
          console.log(uid);
          window.location.href="/admin/user/api_status?status=1&uid="+this.value;
          
          
      }
     
      
    layer.msg( (this.checked ? '开启' : '禁用')+'成功', {
      offset: '40%'
    });

posted @ 2021-07-06 18:01  ruclouds  阅读(289)  评论(0)    收藏  举报