Refresh Bootstrap Treeview programmatically

Question

I have a Bootstrap tree view which binds to a json array..

 $('#tree').treeview({data: data,
           onNodeSelected: function(event, data) {

            $m.nodeSelected(event,data);
          }});

And the array that binded to the treeview is..

var data = [
    {
      "text": "Parent1",
      "selectable": "false",
      "nodeType": "main",
      "nodes": [
        {
          "text": "Child1",
          "typeId": "aa2d4ea9-bfad-4a5b-8794-994e7e482808",
          "nodeType": "sub"
        },
        {
          "text": "Child2",
          "typeId": "e01bd0cb-c93b-40f9-be44-be67f20668aa",
          "nodeType": "sub"
        }
      ]
    },
    {
      "text": "Parent2",
      "selectable": "false",
      "nodeType": "main",
      "nodes": [
        {
          "text": "Child1",
          "typeId": "a0256aa3-b2ef-53d7-1270-a5029e7138ce",
          "nodeType": "sub"
        }
      ]
    }
  ]

Here is what I need..

I need to add a new child node / remove a existing child node from the treeview datasource and refresh it.

I've tried but unable to find a solution.

Can you share executable demo/snippet or [JSFiddle](https://jsfiddle.net/) ? — Rayon, Apr 01 '16 at 10:48

score 3 · Accepted Answer · edited Mar 30 '18 at 12:27

3

Just call:

$('#tree').treeview({data: data,
     onNodeSelected: function(event, data) {
        $m.nodeSelected(event,data);
     }
});

again when you have changed the datavariable:

example: https://jsfiddle.net/k8m911u9/1/

edited Mar 30 '18 at 12:27

beaver

17,333
2
40
66

answered Apr 01 '16 at 10:56

warch

2,387
2
26
43

score 2 · Answer 2 · answered Aug 29 '16 at 11:16

2

Thi is possible in development version: https://github.com/jonmiles/bootstrap-treeview/tree/develop there is added metods for add, delete, update node

answered Aug 29 '16 at 11:16

miralong

789
8
11

$('#tree').treeview(true).removeNode([]); // refresh hack – Ray Hulha Dec 21 '18 at 22:39

Refresh Bootstrap Treeview programmatically

2 Answers2

Linked