"use strict"; // html demo
$('#html').jstree(); // inline data demo
$('#data').jstree({
'core': {
'data': [{
"text": "Root node",
"children": [{
"text": "Child node 1"
}, {
"text": "Child node 2"
}]
}]
}
}); // data format demo
$('#frmt').jstree({
'core': {
'data': [{
"text": "Root node",
"state": {
"opened": true
},
"children": [{
"text": "Child node 1",
"state": {
"selected": true
},
"icon": "jstree-file"
}, {
"text": "Child node 2",
"state": {
"disabled": true
}
}]
}]
}
}); // ajax demo
$('#ajax').jstree({
'core': {
'data': {
"url": "./root.json",
"dataType": "json" // needed only if you do not supply JSON headers
}
}
}); // lazy demo
$('#lazy').jstree({
'core': {
'data': {
"url": "//www.jstree.com/fiddle/?lazy",
"data": function data(node) {
return {
"id": node.id
};
}
}
}
}); // data from callback
$('#clbk').jstree({
'core': {
'data': function data(node, cb) {
if (node.id === "#") {
cb([{
"text": "Root",
"id": "1",
"children": true
}]);
} else {
cb(["Child"]);
}
}
}
}); // interaction and events
$('#evts_button').on("click", function () {
var instance = $('#evts').jstree(true);
instance.deselect_all();
instance.select_node('1');
});
$('#evts').on("changed.jstree", function (e, data) {
if (data.selected.length) {
alert('The selected node is: ' + data.instance.get_node(data.selected[0]).text);
}
}).jstree({
'core': {
'multiple': false,
'data': [{
"text": "Root node",
"children": [{
"text": "Child node 1",
"id": 1
}, {
"text": "Child node 2"
}]
}]
}
});