10+ Most Popular jQuery Tree Menu Plugin

Treeview menu or structure is very common features in web application.I am listing best jQuery tree view plugins which can be use for create file tree menu,options treeview menu etc.There are a lot of jquery plugin available but here i am showing most popular jQuery tree view plugins,in previous post i have given idea about how to generate treeview server-side using php.You can also use one them to create tree menu server-side using any programming language.

jstree – jQuery Tree Plugin With HTML & JSON Data

jstree is a lightweight and flexible jQuery plugin to create tree menu from HTML & JSON data sources sources.This jQuery Plugin Support AJAX & async callback loading.It is absolutely free, open source and distributed under the MIT license.

jstree-with-php-mysql

Main Features of JSTREE:

  • inline edit, create and delete
  • drag & drop support
  • keyboard navigation
  • tri-state checkboxes
  • fuzzy searching
  • customizable node types

You can also check other tutorial of TreeView Menu,

Dynatree a jQuery Plugin – jQuery Treeview Drag and Drop Plugin

Dynatree is a JavaScript dynamic tree view plugin with support for persistence, keyboard, checkboxes, drag’n’drop, and lazy loading.

Fancytree - jQuery Dynamic

Main features of Dynatree

  • Checkboxes and hierarchical selection.
  • Supports drag and drop.
  • Optimized for large dynamic trees.
  • Support for lazy loading and Ajax.
  • Support for persistence.
  • Initializes from HTML code, JSON, or JavaScript objects.

Bootstrap Tree View – jQuery Tree Plugin

Bootstrap Tree View is a simple and awesome jquery tree plugin to display hierarchical tree structures.The main thing about this plugin, its supporting twitter bootstrap.

bootstrap-treeview

jQuery Tree Multiselect – Nested jQuery Treeview Plugin

jQuery Tree Multi select offers to replace jQuery multiple select with nested options with treeview element.

tree-multiselect

jQuery Sortable Tree Lists – Sortable jQuery Tree View plugin

jQuery Sortable Tree Lists is most customizable jquery plugin.you can use this plugin for sort terre elements,drag and drop with scrolling option.This tree plugin has callback fucntion like onDragStart and complete. Sortable lists also contains export functions toArray, toHierarchy, toString.

jquery-sortable-lists

DirectoryTree.js – jQuery Tree Plugin to Display File paths

DirectoryTree is another bootstrap supported Tree jQuery Plugin.This plugin used for displaying an array of filepaths as a browsable, with tree structure.

directoryTree-Example

jQuery Bonsai – lightweight jQuery tree plugin

jquery-bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable tree control.You can also use checkboxes and radio buttons to populate the tree using a JSON data source.

bonsai-trreview-plugin

jQuery Tabelizer : Multi level treeView for Tables

Tabelizer is a another useful treeview jQuery plugin to support multi level grouping indicators for tables.

jQuery-Tabelizer

Fancytree – jQuery Dynamic Tree View plugin

Fancytree is a powerful and most popular dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag’n’drop, and lazy loading. Fancytree is the sequel of dynatree 1.0.

Fancytree - jQuery Dynamic

jQuery plugin – A Simple jQuery Treeview Plugin

jQuery Treeview is a lightweight and flexible transformation of an unordered list into an expandable and collapsible tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.Provides some options for customizing, an async-tree extension and an experimental sortable extension.

jQuery-tree-plugin

jQuery File Tree – File Structure Treeview Plugin

jQuery File Tree is most configurable, AJAX file browser plugin for jQuery.Its easy to use you can just initialize on target structure using one line code. jQuery File Tree plugin providing server side scrips like PHP,ASP and JSP scripts, which can read the directory structure on the server and create the file tree.

jQuery-File-Tree