jQuery treetable 实现checkbox树,并能联动选择

jQuery treetable插件地址:jQuery.treetable

github项目地址:https://github.com/ludo/jquery-treetable

由于jQuery treetable只是实现了基本的树形table的数据展示功能,并没有提供诸如checkbox或者radio的形式,项目中需要使用,所以自己来实现,直接贴代码




  
  jQuery TreeTable with checkbox
  
  
  
  

  

  
  
  

 





    
    
      
        
        
      
    
    
      
            
            
      
      
          
          
      
      
          
          
      
      
          
          
      
      
          
          
      
      
          
          
      
      
        
        
      
      
          
          
      
      
          
          
      
      
          
          
      
        
      
            
            
      
      
          
          
      
      
          
          
      
      
          
          
      
    
  
      Expand all       Collapse all    
Tree columnAdditional data
1.1: column 11.1: column 2
1.1.1: column 11.1.1: column 2
1.1.2: column 11.1.2: column 2
1.2: column 11.2: column 2
1.3: column 11.3: column 2
2: column 12: column 2
2.1: column 12.1: column 2
2.2: column 12.2: column 2
2.3: column 12.3: column 2
3: column 13: column 2
3.1: column 13.1: column 2
3.2: column 13.2: column 2
3.3: column 13.3: column 2

效果如下图:

jQuery treetable 实现checkbox树,并能联动选择_第1张图片

你可能感兴趣的:(JS,Jquery)