So, my question. I initialized my tree with some data:
$('#tree').jstree({
'core' : {
'data' : [
'Simple root node',
{
'id' : 'node_2',
'text' : 'Root node with options',
'state' : { 'opened' : true, 'selected' : true },
'children' : [ { 'text' : 'Child 1' }, 'Child 2']
}
]
});
But after some actions, I want to redraw tree with new data. I try to use refresh and redraw methods from API, but it unsuccessfully.
Can you give me advice, how to refresh tree (without destroy -> create new instance (it works, but it will affect the performance))?
At version 3 you can reload the tree :
$('#treeId').jstree(true).settings.core.data = newData;
$('#treeId').jstree(true).refresh();
refresh()
will refresh the tree to it's initial state, which means that newly created nodes are deleted
What you want is redraw(true)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With