How to update jsTree content?

Question

I loaded jsTree with an AJAX call that returns JSON data. How to update a tree so that it updates its contents?

Answer 1

Turning off is as easy as calling:

tree.jstree("refresh"); 

Answer 2

In version 3, you can reload the tree:

 $('#treeId').jstree(true).settings.core.data = newData; $('#treeId').jstree(true).refresh(); 

Answer 3

 var tree = jQuery.jstree._reference("#files"); tree.refresh(); 

or

 var tree = jQuery.jstree._reference("#files"); var currentNode = tree._get_node(null, false); var parentNode = tree._get_parent(currentNode); tree.refresh(parentNode); 

Answer 4

for jstree3. I use the destroy () function and again create a tree that runs the jstree () function

Answer 5

$('#treeId').data('jstree', false).empty().jstree(json);