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
});

问题是选择是在关闭按钮上进行的，这很烦人。再说link也看不完了。

任何人都可以帮助解决这个视觉问题？

Answer 1

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

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

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

但如果你不满意，问题是选择的装饰品是与所选节点分开的部分，所以它必须完全在整个节点之后（或之前）绘制。它不能绘制在节点中某些对象之后和同一节点中其他一些对象之前。

一种解决方案是根本不使用选择装饰。将 Part.selectionAdorned 设置为 false 并使用源为 Part.isSelected 属性的绑定来控制节点模板中某些对象的外观。在 https://gojs.net/latest/intro/selection.html1 中阅读相关内容，尤其是关于 "Selection Appearance Changes".

的部分

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

close button under selection in gojs selected node

javascript

gojs