vis js网络中的交互节点

Question

选择节点后，我想在节点上添加一个图标，在单击图标时，我想提供编辑或删除所选节点的选项。这是否可能或如何在 Vis js 中实现？

Answer 1

您可以使用点击事件或nodeSelected。像这样：

network.on('click', function (properties) {    
  selection = properties.nodes

  if (selection > 0) {
    var node_sel = nodes.get([selection])[0];
    if(node_sel['selected']){
      alert('add you buttons');
    }
    else{
      alert('change the style here');
      node_sel['selected'] = true;
      node_sel['shape'] = 'box';
      nodes.update(node_sel);
      var msg = JSON.stringify(nodes.get([selection]))
      alert(msg);
    }
  }
});

请参阅此 plunker，而不是在警报中放置您的代码。

vis js网络中的交互节点

Interactive nodes in vis js network

vis.js-network

vis.js