layui中table表格下checkbox保存状态赋值checkbox与禁止使用表头多选

保存状态赋值

  

   

    

     

    
    

     

      var checkedSet = 
      new 
      Set();
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      table.on(
      'checkbox(dataguid1Table)', 
      function(obj){
     
    
   

    

     

    
    

     

                            
      console.log(obj.checked); 
      //当前是否选中状态
     
    
   

    

     

    
    

     

                            
      console.log(obj.data); 
      //选中行的相关数据
     
    
   

    

     

    
    

     

                            
      console.log(obj.type); 
      //如果触发的是全选，则为：all，如果触发的是单选，则为：one
     
    
   

    

     

    
    

     

           
      //选中时加入set 否则移除
     
    
   

    

     

    
    

     

                                
      if(obj.checked){
     
    
   

    

     

    
    

     

                                    checkedSet.add(obj.data.uuid);
     
    
   

    

     

    
    

     

                                }
      else{
     
    
   

    

     

    
    

     

                                    checkedSet.delete(obj.data.uuid)
     
    
   

    

     

    
    

     

                                }
     
    
   

    

     

    
    

     

                            
      console.log(checkedSet);
     
    
   

    

     

    
    

     

                          });
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      parseData: 
      function(res){ 
      //res 即为原始返回的数据
     
    
   

    

     

    
    

     

                                  
      for(
      var i 
      in res.rows){
     
    
   

    

     

    
    

     

                                      
      if(checkedSet.has(res.rows[i].uuid)){
     
    
   

    

     

    
    

     

                                          
      //如果set集合中有的话，给rows添加check属性选中
     
    
   

    

     

    
    

     

                                          res.rows[i][
      "LAY_CHECKED"] = 
      true;
     
    
   

    

     

    
    

     

                                      }
     
    
   

    

     

    
    

     

                                  }
     
    
   

    

     

    
    

     

                                  
      return {
     
    
   

    

     

    
    

     

                                      
      "code": res.status, 
      //解析接口状态
     
    
   

    

     

    
    

     

                                      
      "count": res.total, 
      //解析数据长度
     
    
   

    

     

    
    

     

                                      
      "data": res.rows 
      //解析数据列表
     
    
   

    

     

    
    

     

                                    };    
     
    
   

    

     

    
    

     

                                  }  
     
    
  

禁止使用表头多选