以编程方式刷新Bootstrap Treeview

时间:2016-04-01 10:12:28

标签: javascript arrays twitter-bootstrap twitter-bootstrap-3 treeview

我有一个绑定到json数组的Bootstrap树视图..

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

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

绑定到树视图的数组是..

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

这就是我需要的......

我需要添加一个新的子节点/从treeview数据源中删除现有的子节点并刷新它。

我已经尝试但无法找到解决方案。

2 个答案:

答案 0 :(得分:3)

请致电:

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

再次更改data变量时:

示例:https://jsfiddle.net/k8m911u9/1/

答案 1 :(得分:1)

在开发版本中可以使用Thi https://github.com/jonmiles/bootstrap-treeview/tree/develop 为添加,删除,更新节点添加了元数据