jQuery OrgChart is a jQuery plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.Showing/hiding a particular branch of the tree by clicking on the respective node.Drag-and-drop reorganisation of elements.Nodes can contain any amount of HTML except <li>
and <ul>
.Very easy to use given a nested unordered list element.
Best jQuery Treeview Plugins & Tutorials with Demo
jQuery OrgChart – a plugin for visualising data in a tree-like structure
XML Tree with jQuery
XMLTree is a utility for visualising and traversing XML in tree format.
The script creates the tree from a specified XML file or from manually-fed XML. Callback functions can be specified to fire as you traverse the tree, to which are automatically passed the node you clicked, and its XPath.
Dynatree a jQuery Plugin
Dynatree is a jQuery plugin that allows to dynamically create html tree view controls using JavaScript.
Main features
- Optimized for large dynamic trees (DOM elements are only created when really needed).
- Programmable through a rich object oriented interface.
- Support for lazy loading and Ajax.
- Checkboxes and hierarchical selection.
- Supports drag and drop.
- Support for persistence.
- Keyboard aware.
- Initializes from HTML code, JSON, or JavaScript objects.