Javascript 如何通过单击图中的节点来获取节点数据？

我正在GoJS中制作一个动态基因组图，我希望能够单击父节点，单击HTML中的按钮，添加子节点并将其链接到父节点。为此，我需要能够通过在图中单击父节点来从父节点获取密钥

---

我想我必须使用

addDiagramListener（）

函数，但我认为该函数仅用于更改节点的外观，例如单击时更改节点的颜色，而不用于获取节点数据。

您有几个选项。最常见的两种方法是实现图表事件，查看所有选定节点（或仅第一个节点：

myDiagram.selection.first（）

）并检查

节点.data

或仅

节点.key

（这是

节点.data.key

的快捷方式）

通过设置节点模板，在每个节点上执行类似的操作。每次选择或取消选择给定节点时，都将调用此函数

---

这里有一个简单的

selectionChanged

实例：

您有几个选项。最常见的两种方法是实现图表事件，查看所有选定节点（或仅第一个节点：

myDiagram.selection.first（）

）并检查

节点.data

或仅

节点.key

（这是

节点.data.key

的快捷方式）

通过设置节点模板，在每个节点上执行类似的操作。每次选择或取消选择给定节点时，都将调用此函数

---

这里有一个使用

selectionChanged

的简单实例：

非常感谢。我这样做：`getNodeKey=function（diagram）{diagram.addDiagramListener（“ChangedSelection”，function（event）{node=diagram.selection.first（）；console.log（node.key）；}）}`这起作用了，但我没有使用我在函数中使用的

事件
值。这有必要吗？因为在大多数示例中，我看到事件参数必须存在，而不需要使用该参数。但是，它引用了一些可能有用的东西，为了安全起见，您可以使用event.diagram使代码更为通用。非常感谢。我这样做：`getNodeKey=function（diagram）{diagram.addDiagramListener（“ChangedSelection”，function（event）{node=diagram.selection.first（）；console.log（node.key）；}）}`这起作用了，但我没有使用我在函数中使用的
事件
值。这有必要吗？因为在大多数示例中，我看到事件参数必须存在，而不需要使用该参数。但是，它引用了一些可能有用的东西，为了安全起见，您可以使用event.diagram使代码稍微更通用一些。