javascript - gojs 选定节点中选择下的关闭按钮

Question

我有一个启用了节点选择的 gojs 图。该区域指定为

$(go.Node, 'Spot', new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify), new go.Binding("key", "_id"),{
        deletable: false,
        selectionObjectName: "mainPanel"
}

我还启用了关闭按钮

$diagram = graph.createDiagram('diagram', {
    .........
    enableCloseBtn: true
});

问题是选择是在关闭按钮上进行的，这非常令人恼火。此外，该链接看起来也没有完成。

有人能够帮助解决这个视觉问题吗？

Answer 1

这已在重复问题 https://forum.nwoods.com/t/close-button-under-selection-in-gojs-selected-node 中得到回答

您所看到的情况是因为选择的装饰是一个单独的部分，有意位于所有节点和链接的前面，因此它不会被这些节点或链接内的任何内容或任何其他节点或链接所遮挡。

简单的解决方案是删除模板中 Part.selectionObjectName 的设置。这样，选择 handle 将围绕整个节点，包括红色圆圈 X 按钮。

但是如果这对您来说不满意，问题是选择的装饰是与所选节点分开的部分，因此它必须完全在整个节点之后(或之前)绘制。不能在节点中的某些对象之后和同一节点中的某些其他对象之前绘制它。

一种解决方案是根本不使用选择装饰。将 Part.selectionAdorned 设置为 false 并使用其源为 Part.isSelected 属性的 Binding 来控制节点模板中某些对象的外观。请阅读 https://gojs.net/latest/intro/selection.html1 了解此内容，尤其是有关“选择外观更改”的部分。