:: HexaBit :: Ui Treeview

Please wait...

###### Choose Theme

###### General Settings

- Report Panel Usag
- Email Redirect
- Notifications
- Auto Updates

###### Account Settings

- Offline
- Location Permission
- Notifications

###### Recent

- Ava Alexander Just now Lorem ipsum Veniam aliquip culpa laboris minim tempor
- Debra Stewart 38min ago Many desktop publishing packages and web page editors
- Susie Willis 2hr ago Contrary to belief, Lorem Ipsum is not simply random text
- Folisise Chosielie 2hr ago There are many of passages of available, but the majority
- Marshall Nichols 1day ago It is a long fact that a reader will be distracted

## Treeview

Create New

## Bootstrap treeview

###### Default

###### Collapsed

###### Expanded

###### Custom Icons

###### Tags as Badges

###### Checkable Tree

###### Searchable Tree

###### Selectable Tree

###### Json Data

## Treeview Official

###### Sample node

use `jQuery('#jstree').jstree();` to element.

###### Selected node

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

- Root Node
  - Selected node
  - Simple node

###### Different icon format

use `data-jstree='{"icon":"icon-name"}'` to selected node.

- Root Node
  - file icon node
  - custom icon node
  - internet icon node

###### Disabled node

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

- Root Node
  - disabled node
  - simple node

###### JSON demo

###### Ajax demo

###### Callback function data demo

###### Interaction and events demo

either click the button or a node in the tree

###### Checkbox plugin

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

- Root node
  - Child node 1
  - Child node 2

###### Drag and drop plugin

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

- Root node
  - Child node 1
  - Child node 2
- Root node 2