You are here: Foswiki>System Web>JSTreeContrib (23 Jun 2019, IvicaPetrinic)Edit Attach


The popular jsTree jQuery plugin, packaged for reuse

This add-on packages up the jQuery "jsTree" plugin to give you poserful support for display and manipulation of n-ary tree data.

See for more information.


Lists can be converted into a jsTree by wrapping it into a .jsTree DIV container. Any additional options to the widget are specified using HTML5 data-* attributes.


<div class="jsTree" data-core='{"initially_open":["corporate"], "animation":100}' data-ui='{"initially_select":["industry"], "select_multiple_modifier":"on"}' >

   * <a id='root'>%JQICON{"house"}% Root</a>
      * <a id='corporate'>%JQICON{"bell"}% Corporate</a>
         * <a>%JQICON{"chart_organisation"}% Business Structure</a>
         * <a>%JQICON{"eye"}% Customers</a>
         * <a>%JQICON{"telephone"}% Employee Directory</a>
         * <a id='industry'>%JQICON{"lorry"}% Industry</a>
         * <a>%JQICON{"anchor"}% Our Company</a>
         * <a>%JQICON{"basket"}% Products</a>
         * <a>%JQICON{"folder_heart"}% Services</a>
         * <a>%JQICON{"car"}% Traveling</a>
      * <a>%JQICON{"sitemap"}% Departments</a>
      * <a>%JQICON{"pilcrow"}% Projects</a>
      * <a>%JQICON{"wrench_orange"}% Tools & Services</a>


Installation Instructions

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in configure, then you can still install manually from the command-line. See for more help.


Author(s): Crawford Currie
Copyright: © 2011-2014 Foswiki Contributors
License: GPL (Gnu General Public License)
Release: 1.04
Version: 1.04
Change History:  
18 Mar 2014: package minified and compressed css as well
01 Jul 2013: added a new minimal theme; fixed tree-nodes not being deselectable
25 Jun 2013: updated to latest jquery.jstree version
Home page:

Topic attachments
I Attachment Action SizeSorted ascending Date Who Comment
JSTreeSnap.pngpng JSTreeSnap.png manage 18 K 25 Jun 2013 - 10:11 ProjectContributor  
jquery.jstree.js.gzgz jquery.jstree.js.gz manage 25 K 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.jsjs jquery.jstree.js manage 115 K 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree_src.jsjs jquery.jstree_src.js manage 175 K 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.init.js.gzgz jquery.jstree.init.js.gz manage 191 bytes 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.init.jsjs jquery.jstree.init.js manage 197 bytes 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.init_src.jsjs jquery.jstree.init_src.js manage 358 bytes 18 Mar 2014 - 11:59 AdminUser  
MakefileEXT Makefile manage 411 bytes 02 May 2019 - 09:53 IvicaPetrinic  
Topic revision: r6 - 23 Jun 2019, IvicaPetrinic
This site is powered by FoswikiCopyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback