无法从另一个连接正在使用的 JS Plumb 端点创建连接

Question

我已经设置了一组 DIV 应该可以使用 jsPlumb (v2.0.7) 进行连接。

每个 div 元素在其所有四个边上都有一个 Anchor 和 Endpoint。我能够通过拖放从这些端点创建连接。

问题： 一旦两个端点之间的连接建立，它就不能再作为新 "create connection" 拖动操作的源 Endpoint .使用这样使用过的端点作为连接的目标，虽然工作正常。

配置如下所示：

jsPlumbConfig = {
      PaintStyle: {
        lineWidth: 1
        outlineWidth: 5
        strokeStyle: "#FFF"
        outlineColor: "transparent"
      }
      Connector: [ "Bezier", { curviness: 69 } ]
      ConnectionsDetachable: false
      DeleteEndpointsOnDetach: false
      ReattachConnections : false
      Anchors: [ "Top", "Right", "Bottom", "Left" ]
      MaxConnections: 50
      Endpoint: [ "Rectangle" ]
      EndpointStyle : {
        paintStyle: { fillStyle:'#FFF' }
      }
}

Endpoint选项是这样的：

endpointOptions = {
      endpoint: "Rectangle"
      maxConnections: 50
      connectionsDetachable: false
      deleteEndpointsOnDetach: false
      paintStyle: { fillStyle: "#EEE", outlineColor: "rgba(0, 0, 0, -0.8)" }
      endpointHoverStyle: { fillStyle: "rgba(255, 255, 255, 0.8)" }
      isSource: true
      isTarget: true
}

JSFiddle: https://jsfiddle.net/v0aw81v3/

Answer 1

我通过设置

找到了解决方案

ConnectionsDetachable: true

奇怪的是，这不会从一个端点删除现有连接，但允许添加其他连接。

无法从另一个连接正在使用的 JS Plumb 端点创建连接

Cannot create connection from JS Plumb Endpoint which is in use by another connection

javascript

jsplumb