Cytoscape.js禁用节点拖动和移动

Question

我在使用cytoscapeJS构建图形网络时遇到了问题。我可以添加节点并处理它们，这很容易，但我无法配置cytospace以禁用拖动/移动节点。

我找到了一个JSbin，你可以试试：http://jsbin.com/vasenatimu/2/edit?html,js,output 请查看http://js.cytoscape.org下的“初始化选项”，我尝试了所有选项，但它们都没有解决我的问题（我将几乎所有选项设置为false，但仍然可以抓取和选择节点）。

你能帮我解决这个问题吗？

- ant45de

Answer 1

initOptions.autoungrabify: true或者cy.nodes().ungrabify()

该配置项可实现自动取消节点的拖拽功能。你可以将其设置为true或者通过调用cy.nodes().ungrabify()方法来实现。

- maxkfranz

Answer 2

您可以通过配置禁用选定的节点。例如：

cytoscape({
  elements: {
    nodes: [
      { 
        data: { id: "node1" }, 
        grabbable: false,
      },
    ],
  },
});

- emil.c

Answer 3

我遇到了同样的问题，后来我发现这对我来说是解决问题的方法：

cytoscape({
  autolock: true, <== this did the trick for me
  elements: {
    nodes: [
      { 

      },
    ],
  },
});

希望这也能对你有所帮助。

祝好，Edgar

- eheydenr