Example: 'dnd' extension

This sample shows drag'n'drop support.

Skin:

simple node (no explicit id, so a default key is generated)
item1 with key and tooltip
item2 with html inside a span tag
node 4
using href
node with some extra classes (will be added to the generated markup)
Folder 1
Simple node with active children (expand)
- Sub-item 2.1
- Sub-item 2.2
Lazy folder
Lazy folder 2
Lazy folder 3

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

Fancytree 2.0.0-1, jQuery UI 1.10.4, jQuery 1.11.1