Automatically exported from
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Powered by you Aug 19, 2016
doc Add .gitignore Mar 28, 2015
jquery Update to jQuery Cookie 1.4.1 May 10, 2014
src Fix Dynatree 'steals' clicks on anchors inside the node title Mar 12, 2016
tests DynaTree and DynaTreeNode are now extensible by accessing the prototy… Apr 6, 2013
.gitignore Fix Dynatree 'steals' clicks on anchors inside the node title Mar 12, 2016
Gruntfile.js Update Mar 28, 2015
bower.json Update bower.json Jul 4, 2015
index.html tabfix Nov 19, 2010
package.json Prepare for 1.2.9 (previous was 1.2.8) Jul 4, 2015

jquery.dynatree.js GitHub version

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

Note: This repository was migrated from Google Code at 2015-03-15.


GitHub version See the change log for details.

Note: Fancytree 2.x is released

Dynatree 1.x will eventually be replaced by Fancytree.
I will support Dynatree for a while, but no new features will be added.

It is recommended to migrate to Fancytree. It's easy: see also the migration hints.


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.


Quick start

  1. Include jQuery and dynatree libraries.
  2. Add a <div> element where the tree should appear.
  3. Initialize the dynatree object when the page is loaded.

To learn more

  1. Check the example page and click on the [View source code] links.
  2. Read the documentation.
  3. Fiddle with the samples.

Feedback and Support

  • A discussion forum is in place to ask questions or discuss features.
  • Check Stack Overflow for existing questions and answers.
  • Use the Issue Tracker to get a list of known bugs, or vote for a feature.
    Please make sure you searched the group and issue tracker, before adding a new request.
  • If you like: Make a donation.
  • Using this library in a commercial product and need some help to meet you deadline? Cont(r)act me!