Basic

Collapsed

Expanded

Custom Icons

Tags As Label pills

Json Data

Searchable Tree

Expandible Tree

Events

basic

use data-plugin="jstree" to make view tree.

  • Root node 1
  • Root node 2
    • Child node 1
    • Child node 2
  • Root node 3

Setting initial

use data-jstree='{"selected":true}' to selected node.

  • selected node
  • opened node
    • disabled node
    • internet icon node
  • local icon node

use JSON formart

Use AJAX format

Checkbox Plugin

use "plugins":["checkbox"] to make checkbox jstree.

Contextmenu Plugin

use "plugins":["contextmenu"] to make contextmenu jstree.

Search plugin

use "plugins":["search"] to make search jstree.

Drag & drop plugin

use "plugins":["dnd"] to make Drag & drop jstree.