vis.js: Как развернуть/свернуть узлы щелчком мыши

Question

просто играл с vis.js в течение дня и прошел через все документы и примеры. Я пытаюсь найти лучший способ обновить данные узла и края с помощью событий click. Например. скажем, у меня есть один узел без краев, затем я нажимаю его, чтобы добавить 3 дочерних узла. Может ли эксперт vis.js предложить лучший способ сделать это?

Ожидаемое До:

nodes = [{id: 1, label:"Parent Node"} ]; 
edges = [ ]; 

Ожидаемое После нажатия на ID 1:

nodes = [{id: 1, label:"Parent Node"}, 
{id: 2, label:"Child Node1"}, 
{id: 3, label:"Child Node2"}, 
{id: 4, label:"Child Node3"} ]; 
edges = [ {from: 1, to: 2}, 
      {from: 1, to: 3}, 
      {from: 1, to: 4} ]; 

Тогда я хочу, чтобы свернуть и вернуться только родительский узел ж/без детей. Я получаю, как делать обработку событий, это обновление и перерисовка узлов и ребер, о которых я не уверен.

Answer 1

Как только я разместил, я понял свою ошибку, не используя динамический DataSet(). Так оно и должно быть, как это:

var nodes = new vis.DataSet([{id: 1, label:"Parent Node"}]); 
var edges = new vis.DataSet([]); 

Затем вы можете обновить следующим образом:

nodes.update({id: 2, label:"Child Node1"}); 
nodes.update({id: 3, label:"Child Node2"}); 
nodes.update({id: 4, label:"Child Node3"}); 

edges.update({from: 1, to: 2}); 
edges.update({from: 1, to: 3}); 
edges.update({from: 1, to: 4});