Skip to content
Tree widget for jQuery
JavaScript TypeScript HTML CSS Python
Branch: dev
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_entries updated for python 3 (#586) Dec 16, 2019
_examples
_layouts Use custom monokai theme (#590) Jan 18, 2020
build Update code style (#587) Jan 10, 2020
devserver Issue #557: devserver serves fom root Feb 19, 2019
lib Update code style (#587) Jan 10, 2020
src Update code style (#587) Jan 10, 2020
src_test Update code style (#587) Jan 10, 2020
static Use custom monokai theme (#590) Jan 18, 2020
.editorconfig
.eslintrc Use eslint (#584) Nov 7, 2019
.gitignore Adding gitignore Dec 6, 2014
.postcssrc Use postcss (instead of sass) Dec 29, 2018
.travis.yml Remove sudo (#585) Dec 7, 2019
LICENSE Added Apache license. Jun 24, 2011
README.md Remove bower badge from readme Dec 21, 2017
_config.yml Version 1.4.12 Nov 11, 2019
bower.json Version 1.4.12 Nov 11, 2019
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 Version 1.4.12 Nov 11, 2019
jqtree.postcss Issue #554: fix wrapping of long node titles Jan 13, 2019
karma.conf.js Chrome headless (#533) Jun 16, 2018
package.json Update code style (#587) Jan 10, 2020
production Update code style (#587) Jan 10, 2020
screenshot.png Updated screenshot Jan 8, 2015
sitemap.txt Add example 13 to sitemap Dec 23, 2017
tree.jquery.debug.js Update code style (#587) Jan 10, 2020
tree.jquery.js Update code style (#587) Jan 10, 2020
tsconfig.json
webpack.config.base.js Update code style (#587) Jan 10, 2020
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.

You can’t perform that action at this time.