'use strict'; $(window).on('load', function() { // [ html-demo ] $('#html').jstree(); // [ Inline-demo ] $('#data').jstree({ 'core': { 'data': [{ "text": "Root node", "children": [{ "text": "Child node 1" }, { "text": "Child node 2" } ] }] } }); // [ 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 } } ] }] } }); // [ Callback-demo ] $('#clbk').jstree({ 'core': { 'data': function(node, cb) { if (node.id === "#") { cb([{ "text": "Root", "id": "1", "children": true }]); } else { cb(["Child"]); } } } }); // [ AJAX-demo ] $('#ajax').jstree({ 'core': { 'data': { "url": "assets/plugins/jstree/json/root.json", "dataType": "json" } } }); // [ Lazy-demo ] $('#lazy').jstree({ 'core': { 'data': { "url": "assets/plugins/jstree/json/lazy.json", "data": function(node) { return { "id": node.id }; } } } }); // [ Event-demo ] $('#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" } ] }] } }); });