Tree widget for jQuery
Clone or download
Latest commit eacd3fa Sep 9, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_entries Version 1.4.9 Sep 9, 2018
_examples Use name instead of label in docs and examples Jul 23, 2018
_layouts Use fontawesome 5 Mar 18, 2018
build Build Sep 9, 2018
lib Build Sep 9, 2018
src Version 1.4.9 Sep 9, 2018
src_test Update code to code-style; also add tests for util module Sep 2, 2018
static Bower: update qunit Aug 29, 2018
.editorconfig Added editor config Nov 16, 2016
.gitignore Adding gitignore Dec 6, 2014
.travis.yml Chrome headless (#533) Jun 16, 2018
LICENSE Added Apache license. Jun 24, 2011
README.md Remove bower badge from readme Dec 21, 2017
_config.yml Version 1.4.9 Sep 9, 2018
bower.json Version 1.4.9 Sep 9, 2018
devserver.html Add devserver Apr 22, 2017
gulpfile.js Use prettier to format code Jun 24, 2017
index.html Docs: give hidden elements a div so menu can refer to it Aug 16, 2014
jqtree-circle.png Issue 77. Removed color correction from jqtree-circle.png Sep 28, 2012
jqtree.css Build Jul 3, 2017
jqtree.jquery.json Version 1.4.9 Sep 9, 2018
jqtree.scss Remove some css for Opera and old ie browsers Jun 24, 2017
karma.conf.js Chrome headless (#533) Jun 16, 2018
package.json Version 1.4.9 Sep 9, 2018
screenshot.png Updated screenshot Jan 8, 2015
sitemap.txt Add example 13 to sitemap Dec 23, 2017
tree.jquery.debug.js Build Sep 9, 2018
tree.jquery.js Build Sep 9, 2018
tsconfig.json Tsconfig: disable strictPropertyInitialization Mar 1, 2018
tslint.json Issue #538: add typescript type definitions Jun 30, 2018
webpack.config.base.js Add debug-build to production command Apr 27, 2018
webpack.config.js Add debug-build to production command Apr 27, 2018
webpack.config.production.debug.js Add debug-build to production command Apr 27, 2018
webpack.config.production.js Add debug-build to production command Apr 27, 2018

README.md

Travis Status Coverage Status

NPM version

jqTree

JqTree is a tree widget. Read more in the documentation.

screenshot

Features

  • Create a tree from JSON data
  • Drag and drop
  • Works on ie9+, firefox, chrome and safari
  • Written in Typescript

The project is hosted on github, has a test suite.

Examples

Example with ajax data:

<div id="tree1" data-url="/example_data/"></div>
$("#tree1").tree();

Example with static data:

var data = [
    {
        label: "node1",
        id: 1,
        children: [{ label: "child1", id: 2 }, { label: "child2", id: 3 }]
    },
    {
        label: "node2",
        id: 4,
        children: [{ label: "child3", id: 5 }]
    }
];
$("#tree1").tree({
    data: data,
    autoOpen: true,
    dragAndDrop: true
});

Documentation

The documentation is on http://mbraak.github.io/jqTree/.

Thanks

The code for the mouse widget is heavily inspired by the mouse widget from jquery ui.