jqtree
TypeScript icon, indicating that this package has built-in type declarations

1.8.7 • Public • Published

Build codecov

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 all modern browsers
  • Written in Typescript

The project is hosted on github.

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.

Readme

Keywords

Package Sidebar

Install

npm i jqtree

Weekly Downloads

925

Version

1.8.7

License

Apache-2.0

Unpacked Size

858 kB

Total Files

46

Last publish

Collaborators

  • marcobraak