- ×
Tree widget for jQuery
Filed under user interfacejqTree
JqTree is a tree widget. Read more in the documentation.
Features
- Create a tree from JSON data
- Drag and drop
- Works on ie11+, 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.