jqTree

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

Features

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

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.