JSTreeContrib

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 http://www.jstree.com for more information.

Usage

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.

Example:

%JQREQUIRE{"jstree"}%
<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>

</div>

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 http://foswiki.org/Support/ManuallyInstallingExtensions for more help.

Info

Author(s): Crawford Currie http://c-dot.co.uk
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
Dependencies:
NameVersionDescription
Foswiki::Plugins::JQueryPlugin>=4.00JQuery
Home page: http://foswiki.org/Extensions/JSTreeContrib
Support: http://foswiki.org/Support/JSTreeContrib

Topic attachments
I Attachment Action Size Date Who Comment
JSTreeSnap.pngpng JSTreeSnap.png manage 18 K 25 Jun 2013 - 10:11 ProjectContributor  
MakefileEXT Makefile manage 411 bytes 02 May 2019 - 09:53 IvicaPetrinic  
jquery.jstree.init.jsjs jquery.jstree.init.js manage 197 bytes 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_src.jsjs jquery.jstree.init_src.js manage 358 bytes 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.jsjs jquery.jstree.js manage 115 K 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree.js.gzgz jquery.jstree.js.gz manage 25 K 18 Mar 2014 - 11:59 AdminUser  
jquery.jstree_src.jsjs jquery.jstree_src.js manage 175 K 18 Mar 2014 - 11:59 AdminUser  
This topic: System > JSTreeContrib
Topic revision: 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