Loading...

Tree View page header description goes here...


Usage

jsTree is a jQuery plugin for displaying hierarchical data in a tree structure. Use it to create folders, file explorers, or category trees with drag-and-drop, context menus, and customizable themes. Please read the official jstree documentation for the full list of options.

  • Root node 1
    • Initially Selected
    • Folder 1
    • Folder 2
    • Folder 3
    • Initially open
      • Disabled node
      • Another node
    • custom icon class (fontawesome)
    • Clickable link node
  • Root node 2

Checkable Tree

Enhance your tree view by adding checkboxes to each node. A checkable tree lets users easily select, deselect, or partially select items in a hierarchical structure, making bulk actions or filtering more intuitive.

Contextual Menu with Drag & Drop

Load tree data asynchronously with Ajax and enable drag-and-drop to rearrange nodes in real time. This approach keeps large hierarchies fast and responsive while allowing easy reordering or restructuring.

All the opened & selected nodes will be saved in the user's browser.

Ajax Tree with Drag & Drop

Add right-click context menus and drag-and-drop support to your tree view. These features let users quickly move, copy, or edit items directly within a hierarchical structure, improving usability and workflow.

The tree nodes are loaded from date_root.json via ajax.
App Settings
Dark Mode NEW
Adjust the appearance to reduce glare and give your eyes a break.

Header Fixed
Header Inverse
Sidebar Fixed
Gradient Enabled
RTL Enabled NEW
Admin Design (6)
Language Version (9)
Frontend Design (5)
Documentation Reset Storage & Cookies