Refresh Bootstrap Treeview programmatisch

Question

Ich habe einen Baum Bootstrap Ansicht, die zu einem json Array bindet ..

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

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

Und das Array, das auf die treeview ist binded ..

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" 
     } 
     ] 
    } 
    ] 

Hier, was ich brauche ..

Ich muss einen neuen Kindknoten hinzufügen/entfernen Sie einen vorhandenen Kindknoten aus der Baumansicht Datenquelle und aktualisieren Sie es.

Ich habe versucht, aber keine Lösung finden.

Answer 1

rufen Sie einfach

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

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

wieder, wenn Sie die data Variable

Beispiel geändert haben: https://jsfiddle.net/k8m911u9/1/

Answer 2

Thi ist möglich in Entwicklungsversion: https://github.com/jonmiles/bootstrap-treeview/tree/develop wird hinzugefügt metods für hinzufügen, löschen, Aktualisierungsknoten