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

【问题标题】：close button under selection in gojs selected nodegojs选定节点中选择下的关闭按钮
【发布时间】：2018-02-06 09:22:58
【问题描述】：

我有一个启用节点选择的 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
});

问题是选择是在关闭按钮上，这很烦人。另外链接看起来也不完整。

谁能帮助解决这个视觉问题？

【问题讨论】：

标签： javascript gojs

【解决方案1】：

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

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

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

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

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

【讨论】：