javascript - gojs中如何将节点添加到父节点(当前选中的节点)？

Question

我写的是

function attachlink() {
var url = "https://www.google.co.in";
var diagram = myContextMenu.diagram;
var node = new go.Node(go.Panel.Auto);
var shape = new go.Shape();
shape.figure = "RoundedRectangle";
shape.fill = "lightblue";
node.add(shape);
var textblock = new go.TextBlock();
textblock.text = "Hello!";
textblock.margin = 5;
textblock.cursor = "pointer";
textblock.click = function (e, obj) { window.open(url) };
node.add(textblock);
//diagram.add(node);
//var diagram = myContextMenu.diagram;
var it = diagram.selection.iterator;
while (it.next()) {
    var part = it.value;
    if (part instanceof go.Node) {
       part.addNodeData(node);
    }
}
diagram.commitTransaction("color nodes");
}

我在这部分代码中遇到问题

 while (it.next()) {
    var part = it.value;
    if (part instanceof go.Node) {
       part.addNodeData(node);
    }
}

我认为这行代码没有将节点附加到当前选定的节点

 part.addNodeData(node);

Answer 1

addNodeData是GoJS中Model的函数。将 GraphObject(在本例中为您以编程方式构建的 go.Node)添加到父节点的可视化树中需要在父节点上调用 add节点。

parentNode.add(childNode)

这与您在将 go.Shape 和 go.TextBlock 添加到以编程方式构建的节点时使用的函数相同。

使用这种方法需要担心的一件事是，您要向每个 GraphObject 添加对相同 go.Node 的引用在myDiagram.selection中。您可能想要做的是构建要添加到 while 循环中选择的每个元素的 go.Node ，以便每次都会调用构造函数，并且您'正在将不同 go.Node 添加到每个选定的元素，而不是相同的元素。