Treeview

jsTree is jquery plugin, that provides interactive trees.

HTML demo

  • Folder
    • Sub Folder 01
    • Sub Folder 02
<div id="treeview-html">
	<ul>
		<li data-jstree='{ "opened" : true }'>Folder
			<ul>
				<li data-jstree='{ "selected" : true }'>Sub Folder 01</li>
				<li>Sub Folder 02</li>
			</ul>
		</li>
	</ul>
</div>

Inline data demo

<div id="treeview-data"></div>

Data format demo

<div id="treeview-frmt"></div>

AJAX demo

<div id="treeview-ajax"></div>

Lazy loading demo

<div id="treeview-lazy"></div>