Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to redraw jstree tree with new data?

Tags:

jquery

jstree

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))?


2 Answers

At version 3 you can reload the tree :

$('#treeId').jstree(true).settings.core.data = newData;
$('#treeId').jstree(true).refresh();
like image 75
faxiubite Avatar answered Sep 09 '25 19:09

faxiubite


refresh() will refresh the tree to it's initial state, which means that newly created nodes are deleted

What you want is redraw(true)

like image 44
user3926752 Avatar answered Sep 09 '25 17:09

user3926752