Example: Selection and checkbox

This tree has checkoxes and selectMode 1 (single-selection) enabled.
A double-click handler selects the node. A keydown handler selects on [space].

Active node: -

Selection: -

This tree has selectMode 2 (multi-selection) enabled.
A single-click handler selects the node. A keydown handler selects on [space].

Select all - Deselect all - Toggle select

Selected keys: -

This tree has checkoxes and selectMode 3 (hierarchical multi-selection) enabled.
A double-click handler selects the node. A keydown handler selects on [space].

Selected keys: -

Selected root keys: -

Selected root nodes: -

This tree has selectMode 2 (multi-selection) enabled, but no checkboxes.
A single-click handler selects the node. A keydown handler selects on [space].
A double-click handler expands documents.
A onQuerySelect handler prevents selection of folders.

Selected keys: -

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