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

时间:2018-02-06 09:22:59

标签: javascript gojs

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

问题是选择是在关闭按钮时非常刺激。除了链接也看起来不完整。

enter image description here

任何人都可以帮助解决这些视觉问题吗?

1 个答案:

答案 0 :(得分:1)

重复的问题https://forum.nwoods.com/t/close-button-under-selection-in-gojs-selected-node

会回答这个问题

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

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

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

一种解决方案是根本不使用选择装饰品。将Part.selectionAdorned设置为false并使用其源为Part.isSelected属性的Binding来控制节点模板中某个对象的外观。请阅读https://gojs.net/latest/intro/selection.html1中的相关内容,尤其是关于"选择外观变化"的部分。