Expandable Tree View With Checkboxes jQuery Plugin – hummingbird-treeview

by

Do you want to add tree view feature to display multi category or multi level search in your web app If yes then in this post I am going to share awesome jQuery plugin name hummingbird-treeview. with the help of this plugin you can easily create expandable, collapsible, searchable, checkable, hierarchical tree structure with lots of useful features.

Features:

  • Display hierarchical tree structures.
  • Based on simple pseudo HTML lists or full HTML structures.
  • Tri-state logic.
  • Manual and programmatical check, uncheck, collapse, expand, etc.
  • Supports n-tuple nodes, i.e. doubles, triplets, etc.
  • Supports disabled nodes, checked or unchecked.
  • Get checked/unchecked items programmatically.
  • Supports HTML5 data-* attribute to embed custom data.
  • Supports Font Awesome icons.
  • Search function.



Integrate Expandable Tree View With Checkboxes jQuery Plugin

Libraries

Add the following resources for the hummingbird-treeview to function correctly with dependent libraries.

HTML

Bind the hummingbird-treeview to a scrollable DOM element:


    
    
	
  • 
	    
	    
	    
      
		
    • 
		    
		    
		    
        
			
      • 
			    
			
        • 
			
      • 
			    
			
        • 
		    
      
		
      • 
		
    • 
		    
		    
		    
        
			
      • 
			    
			
        • 
			
      • 
			    
			
        • 
		    
      
		
      • 
	    
    
	
    •



JS

Finally initialize the plugn and done.

$(function() {  
  $("#treeview").hummingbird();
});

list of options to customize the plugin.

$.fn.hummingbird.defaults.collapsedSymbol= "fa-arrow-circle-o-right";
$.fn.hummingbird.defaults.expandedSymbol= "fa-arrow-circle-o-down";
$.fn.hummingbird.defaults.checkDoubles= true;

See live demo and download source code.

DEMO | DOWNLOAD

This awesome jQuery plugin is developed by hummingbird-dev. Visit their official github repository for more information and follow for future updates.


Published by Rohit