Tree Views

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag and drop, and lazy loading. Fancytree is a sequel of the popular DynaTree plugin.

Default options

  • item1
  • 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 (expanded, active and focused 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

With Multiple Selection

  • item1
  • item2 (selected on init)
  • 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 (expanded on init)
      • Sub-item 4.1.1 (selected on init)
      • Sub-item 4.1.2 (selected on init)
    • Sub-item 4.2
      • Sub-item 4.2.1
      • Sub-item 4.2.2

With Single Selection

  • item1
  • item2 (selected on init)
  • 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 (expanded 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

With Drag & Drop

  • item1
  • item2 (selected on init)
  • 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 (expanded 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