Documentation v8.1.1

Preview Downloads Purchase

Overview

jsTree is jquery plugin, that provides interactive, easily extendable, themable and configurable tree view that supports HTML & JSON data sources and AJAX loading. For more info please visit the plugin's Homeor Github Repo.

Usage

jsTree's style and script bundles are separate from our global bundle and required to be included and initialized manually on related pages.

<link href="assets/plugins/custom/jstree/jstree.bundle.css" rel="stylesheet" type="text/css" />
<script src="assets/plugins/custom/jstree/jstree.bundle.js"></script>

Initialization

jsTree's CSS and Javascript is required to be added into the page via the usage codesnippet above, along with our other global bundles.
Add a blank divwith a unique idand initialize it with Javascript.
Alternatively, manually adding nodes via HTML will require data-jstreeattribute to define the jsTree configuration. Please refer to our basic examplefor a preview.