JavaScript TypeScript HTML CSS Python
Permalink
Failed to load latest commit information.
_entries Version 1.4.4 Dec 21, 2017
_examples Correctly fix example 10 Apr 21, 2017
_layouts Use webpack Feb 3, 2017
build Build Dec 21, 2017
lib Build Dec 21, 2017
phantomjs Use prettier to format code Jun 24, 2017
src Version 1.4.4 Dec 21, 2017
src_test Use @types/jquery, @types/jquery-mockjax and @types/qunit Nov 2, 2017
static Update to qunit==2.4.1 in bower config Oct 22, 2017
test Added 'noImplicitAny' to typescript config; added more type annotations Feb 19, 2017
.editorconfig Added editor config Nov 16, 2016
.gitignore Adding gitignore Dec 6, 2014
.travis.yml Travis: use latest stable node version Oct 14, 2017
LICENSE Added Apache license. Jun 24, 2011
README.md Remove bower badge from readme Dec 21, 2017
_config.yml Version 1.4.4 Dec 21, 2017
bower.json Version 1.4.4 Dec 21, 2017
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.4 Dec 21, 2017
jqtree.scss Remove some css for Opera and old ie browsers Jun 24, 2017
karma.conf.js Added 'noImplicitAny' to typescript config; added more type annotations Feb 19, 2017
package.json Version 1.4.4 Dec 21, 2017
screenshot.png Updated screenshot Jan 8, 2015
sitemap.txt Fix sitemap Apr 14, 2016
tree.jquery.js Build Dec 21, 2017
tsconfig.json Use strict mode Nov 2, 2017
tslint.json Tslint: disable space-before-function-parent Jul 9, 2017
webpack.config.base.js Webpack config: use 'rules' instead of 'loaders' Feb 26, 2017
webpack.config.js Use webpack Feb 3, 2017
webpack.config.production.js Use webpack Feb 3, 2017

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.