Basic
Collapsed
Expanded
Custom Icons
Tags As Label pills
Json Data
Searchable Tree
Expandible Tree
Events
jstree official website
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.