Example: Default

This tree uses default options.
It is initalized from a hidden <ul> element on this page.

Skin:

item1 with key and tooltip
item2
Folder with some children
- Sub-item 3.1
  - Sub-item 3.1.1
  - Sub-item 3.1.2
- Sub-item 3.2
  - Sub-item 3.2.1
  - Sub-item 3.2.2
Document with some children (expanded on init)
- Sub-item 4.1 (active and focus on init)
  - Sub-item 4.1.1
  - Sub-item 4.1.2
- Sub-item 4.2
  - Sub-item 4.2.1
  - Sub-item 4.2.2

jquery.dynatree.js project home Link to this page Example Browser View source code