112 lines
3.0 KiB
JavaScript
112 lines
3.0 KiB
JavaScript
'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"
|
|
}
|
|
]
|
|
}]
|
|
}
|
|
});
|
|
});
|