31 lines
814 B
JavaScript
31 lines
814 B
JavaScript
|
|
||
|
|
$("#tree").fancytree({
|
||
|
|
checkbox: true,
|
||
|
|
selectMode: 3,
|
||
|
|
source: {
|
||
|
|
url:
|
||
|
|
"https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-tree-products.json"
|
||
|
|
},
|
||
|
|
lazyLoad: function(event, data) {
|
||
|
|
data.result = {url: "https://cdn.rawgit.com/mar10/fancytree/72e03685/demo/ajax-sub2.json"};
|
||
|
|
},
|
||
|
|
|
||
|
|
activate: function(event, data) {
|
||
|
|
$("#statusLine").text(event.type + ": " + data.node);
|
||
|
|
},
|
||
|
|
select: function(event, data) {
|
||
|
|
$("#statusLine").text(
|
||
|
|
event.type + ": " + data.node.isSelected() + " " + data.node
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Sample button
|
||
|
|
$("#button1").click(function() {
|
||
|
|
var tree = $.ui.fancytree.getTree(),
|
||
|
|
node = tree.findFirst(function(n) {
|
||
|
|
return n.title === "The Hobbit";
|
||
|
|
});
|
||
|
|
|
||
|
|
node.toggleSelected();
|
||
|
|
});
|