动态添加边界

Question

任何人都可以帮助我在这个visjs网络中动态添加边界吗？ 实际上，我尝试使用拖放功能将节点添加到画布上，但当我单击节点并将边缘动态添加到画布上存在的另一个节点时，我需要帮助添加边缘。

Answer 1

您可以使用vis.js的'update'函数来添加节点或边缘。您只需传入一组包含要添加的节点或边的数组。你这样称呼它： - nodes.update（updateNodesArray） OR - edges.update（updateEdgesArray）

其中节点和边缘是您最初为网络创建的vis.DataSet实例。

Answer 2

从visjs检查此示例。 http://visjs.org/examples/network/other/manipulation.html

，你可以自定义添加的方式\编辑\删除通过配置网络如下：

manipulation: { 
     enabled: false, 
      addNode: function (data, callback) { 
       // filling in the popup DOM elements 
       console.log('add', data); 
      }, 
      editNode: function (data, callback) { 
       // filling in the popup DOM elements 
       console.log('edit', data); 
      }, 
      addEdge: function (data, callback) { 
       console.log('add edge', data); 
       if (data.from == data.to) { 
        var r = confirm("Do you want to connect the node to itself?"); 
        if (r === true) { 
         callback(data); 
        } 
       } 
       else { 
        callback(data); 
       } 
      } 
     }