|
1
|
<!DOCTYPE html
|
|
2
|
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
3
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
4
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
5
|
<head>
|
|
6
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
7
|
<title>jsTree v.1.0 Documentation</title>
|
|
8
|
<script type="text/javascript" src="../_lib/jquery.js"></script>
|
|
9
|
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
|
|
10
|
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
|
|
11
|
<script type="text/javascript" src="../jquery.jstree.js"></script>
|
|
12
|
|
|
13
|
<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
|
|
14
|
<link type="text/css" rel="stylesheet" href="!style.css"/>
|
|
15
|
<script type="text/javascript" src="syntax/!script.js"></script>
|
|
16
|
</head>
|
|
17
|
<body>
|
|
18
|
<div id="container">
|
|
19
|
|
|
20
|
<h1>jsTree v.1.0</h1>
|
|
21
|
<h2>Description</h2>
|
|
22
|
<div id="description">
|
|
23
|
<p>jsTree is a javascript based, cross browser tree component. It is packaged as a <a href="http://jquery.com">jQuery</a> plugin.</p>
|
|
24
|
<p>jsTree is absolutely free (licensed same as jQuery – under both GPL and MIT – whichever suits your needs).</p>
|
|
25
|
<h3>Features at a glance</h3>
|
|
26
|
<ul class="columns">
|
|
27
|
<li>Various data sources - HTML, JSON, XML</li>
|
|
28
|
<li>Supports AJAX loading</li>
|
|
29
|
<li>Drag & drop support</li>
|
|
30
|
<li>Highly configurable</li>
|
|
31
|
<li>Theme support + included themes</li>
|
|
32
|
<li>Uses jQuery's event system</li>
|
|
33
|
<li>Optional keyboard navigation</li>
|
|
34
|
<li>Maintain the same tree in many languages</li>
|
|
35
|
<li>Inline editing</li>
|
|
36
|
<li>Open/close optional animation</li>
|
|
37
|
<li>Define node types and fine tune them</li>
|
|
38
|
<li>Configurable multitree drag & drop</li>
|
|
39
|
<li>Optional checkbox tree support</li>
|
|
40
|
<li>Search function</li>
|
|
41
|
<li>Supports plugins</li>
|
|
42
|
<li>Optional state saving using cookies</li>
|
|
43
|
<li>RTL support</li>
|
|
44
|
<li>Optional sorting / unique management</li>
|
|
45
|
</ul>
|
|
46
|
<p>As of version 1.0 jsTree is extremely plugin friendly, so all functionality is now wrapped in plugins, which take care of various aspects of the tree and can be removed without affecting the functionality of other plugins. Below you will find a list of plugins - each with its own documentation page. Probably a good place to start is the <a href="core.html">core</a>.</p>
|
|
47
|
</div>
|
|
48
|
|
|
49
|
<h2 id="plugins">Plugins</h2>
|
|
50
|
<div class="panel">
|
|
51
|
<ul class="columns plugins">
|
|
52
|
<li style="float:none; width:660px;"><a href="core.html" style="font-weight:bold;">Core functionality</a><p>all core functions for manipulating the tree + basic examples of including, configuring and working with the tree, along with demos of the new event system</p></li>
|
|
53
|
<li><a href="html_data.html">HTML_DATA plugin</a><p>enables jsTree to convert nested unordered lists to interactive trees, an already existing UL may be used or data could be retrieved from a server</p></li>
|
|
54
|
<li><a href="json_data.html">JSON_DATA plugin</a><p>enables jsTree to convert JSON objects to interactive trees, data can be set up in the config or retrieved from a server</p></li>
|
|
55
|
<li><a href="xml_data.html">XML_DATA plugin</a><p>enables jsTree to convert XML objects to interactive trees (using XSL), data can be set up in the config or retrieved from a server</p></li>
|
|
56
|
<li><a href="themes.html">Themes plugin</a><p>controls the looks of jstree - without this plugin you will get a functional tree, but it will look just like an ordinary UL list</p></li>
|
|
57
|
<li><a href="ui.html">UI plugin</a><p>handles selecting, deselecting and hovering tree items</p></li>
|
|
58
|
<li><a href="crrm.html">CRRM plugin</a><p>handles creating, renaming, removing and moving nodes by the user, also includes cut/copy/paste functions</p></li>
|
|
59
|
<li><a href="hotkeys.html">Hotkeys plugin</a><p>enables support for keyboard navigation & shortcuts, highly configurable</p></li>
|
|
60
|
<li><a href="languages.html">Languages plugin</a><p>enables multilanguage support - each node can have multiple titles, but only one is visible</p></li>
|
|
61
|
<li><a href="cookies.html">Cookies plugin</a><p>enables jstree to save the state of the tree across sessions, by saving selected and opened nodes in a cookie</p></li>
|
|
62
|
<li><a href="sort.html">Sort plugin</a><p>enables jstree to automatically sort all nodes<br />using a specified function</p></li>
|
|
63
|
<li><a href="dnd.html">DND plugin</a><p>enables drag'n'drop support for jstree, also using foreign nodes and drop targets</p></li>
|
|
64
|
<li><a href="checkbox.html">Checkbox plugin</a><p>makes multiselection possible using three-state checkboxes</p></li>
|
|
65
|
<li><a href="search.html">Search plugin</a><p>enables searching for nodes whose title contains a given string, works on async trees too</p></li>
|
|
66
|
<li><a href="contextmenu.html">Contextmenu plugin</a><p>enables a multilevel context menu on tree items</p></li>
|
|
67
|
<li><a href="types.html">Types plugin</a><p>each node can have a type, and you can define rules on how that type should behave</p></li>
|
|
68
|
<li><a href="themeroller.html">Themeroller plugin</a><p>adds support for jQuery UI's themes</p></li>
|
|
69
|
<li><a href="unique.html">Unique plugin</a><p>adds unique checking to jsTree</p></li>
|
|
70
|
</ul>
|
|
71
|
</div>
|
|
72
|
|
|
73
|
</div>
|
|
74
|
</body>
|
|
75
|
</html>
|