Best jQuery Treeview Plugins & Tutorials with Demo

    jQuery OrgChart – a plugin for visualising data in a tree-like structure

    jQuery OrgChar tree structure

    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.

    XML Tree with jQuery

    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.

    jQuery File Tree

    jQuery File Tree

    jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.There are lot of file tree plugins available in market but this plugin comes with scrips which PHP,ASP and JSP scripts which can read the directory structure on the server and create the file tree. The plugin is highly configurable.

    Dynatree a jQuery Plugin

    jQuery TreeView 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.