This link has been bookmarked by 362 people . It was first bookmarked on 13 Nov 2008, by someone privately.
-
31 Dec 17
-
03 Jul 15
-
16 Feb 15
-
29 Jan 15
-
20 Nov 14
-
Download jsTree
All the files you need are in the
dist/folder of the download.-
Include a jsTree theme
Themes can be autloaded too, but it is best for performance to include the CSS file.
<link rel="stylesheet" href="dist/themes/default/style.min.css" /> -
Setup a container
This is the element where you want the tree to appear, a
<div>is enough. This example has a nested<ul>as there is no other data source configured (such as JSON).<div id="jstree_demo_div"></div> -
Include jQuery
jsTree requires 1.9.0 or greater in your webpage.
<script src="dist/libs/jquery.js"></script> -
Include jsTree
For production include the minified version:
dist/jstree.min.js, there is a development version too:dist/jstree.js<script src="dist/jstree.min.js"></script> -
Create an instance
Once the DOM is ready you can start creating jstree instances.
$(function () { $('#jstree_demo_div').jstree(); }); -
Listen for events
jsTree uses events to notify you when something changes while users (or you) interact with the tree. So binding to jstree events is as easy binding to a click. There is a list of events and what information they provide in the API documentation.
$('#jstree_demo_div').on("changed.jstree", function (e, data) { console.log(data.selected); }); -
Interact with your instances
Once an instance is ready you can invoke methods on it. There is a list of available methods in the API documentation. The three examples below do exactly the same thing
$('button').on('click', function () { $('#jstree').jstree(true).select_node('child_node_1'); $('#jstree').jstree('select_node', 'child_node_1'); $.jstree.reference('#jstree').select_node('child_node_1'); });
-
-
17 Oct 14
-
06 Oct 14
-
15 Aug 14
Shihab AhmedjsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports...
-
22 Jul 14
-
23 Jan 14
-
20 Oct 13
-
21 Jun 13
-
17 Jun 13
-
03 Jun 13
-
08 Apr 13
-
25 Mar 13
-
19 Mar 13
-
23 Feb 13
-
20 Feb 13
-
24 Jan 13
-
21 Jan 13
-
07 Jan 13
-
09 Dec 12
-
17 Sep 12
-
11 Sep 12
-
07 Sep 12
-
04 Sep 12
-
19 Aug 12
-
12 Jul 12
-
01 Jun 12
-
28 May 12
-
16 Apr 12
-
12 Apr 12
-
11 Apr 12
Enrique OrtizjsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
jsTree is absolutely free (licensed same as jQuery – under the terms of either the MIT License or the GNU General Public License (GPL) Version 2). -
21 Mar 12
-
20 Mar 12
-
05 Mar 12
-
16 Feb 12
-
06 Feb 12
-
25 Jan 12
-
28 Dec 11
-
23 Dec 11
-
10 Dec 11
-
15 Nov 11
-
08 Nov 11
-
26 Oct 11
-
29 Sep 11
-
23 Sep 11
-
22 Sep 11
-
12 Sep 11
-
26 Aug 11
-
09 Aug 11
-
25 Jul 11
-
18 Jul 11
-
09 Jul 11
-
22 Jun 11
-
06 Jun 11
-
12 May 11
-
11 May 11
-
02 May 11
-
29 Apr 11
-
27 Apr 11
-
20 Apr 11
-
09 Apr 11
Sander SchenkjsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
-
28 Mar 11
-
22 Mar 11
-
18 Mar 11
-
17 Mar 11
-
15 Mar 11
-
26 Feb 11
-
24 Feb 11
-
22 Feb 11
-
16 Feb 11
-
15 Feb 11
-
07 Feb 11
-
28 Jan 11
-
23 Jan 11
-
19 Jan 11
Victor TolbertjsTree is a javascript based, cross browser tree component packaged as a jQuery plugin.
-
15 Jan 11
-
09 Jan 11
-
27 Dec 10
-
21 Dec 10
-
06 Dec 10
-
11 Nov 10
Ferdinand HerrmannjsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
jquery plugins javascript development administration free tree
-
10 Nov 10
-
09 Nov 10
-
08 Nov 10
Karsten FroehlichjsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
-
25 Oct 10
Chee Kin LimjsTree is a javascript based, cross browser tree component. It is packaged as a jQuery plugin.
jsTree is absolutely free (licensed same as jQuery – under the terms of either the MIT License or the GNU General Public License (GPL) Version 2). -
29 Sep 10
-
27 Sep 10
-
19 Sep 10
-
18 Sep 10
-
16 Sep 10
Eric Bouchut"jsTree is a javascript based, cross browser tree component.
It is packaged as a jQuery plugin.
jsTree is absolutely free (licensed same as GPL Version 2)."jquery plugin javascript tree navigation web view menu collapse expand
-
08 Sep 10
-
07 Sep 10
-
01 Sep 10
-
26 Aug 10
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.