如果一个元素有多个endpoint，那么jsPlumb可以选择连接到哪个endpoint

Question

我正在构建一个逻辑门应用程序，通过jsPlumb连接这些门。

要创建逻辑门终端，我正在做：

jsPlumb.addEndpoint('and', {
        isTarget: true,
        maxConnections: 1,
        anchor: 'TopRight'
    },
    genericStyling);

jsPlumb.addEndpoint('and', {
        isTarget: true,
        maxConnections: 1,
        anchor: 'BottomRight'
    },
    genericStyling);

jsPlumb.addEndpoint('and', {
        isSource: true,
        maxConnections: 1,
        anchor: 'Left'
    },
    genericStyling);

这对于向页面添加门和输入以及在它们之间画线来说都很好，但我想使用以下方法预加载一些现有逻辑：

var left = getInput(logic.left),//adds an input to the page and adds a source endpoint
    right = getInput(logic.right),
    gate = getGate(logic.gate); //adds a gate to the page and adds source and target endpoints

if(left && gate){
    var leftLine = jsPlumb.getInstance(genericLine);
    leftLine.connect({source: left, target: gate})
}

if(right && gate){
    var rightLine = jsPlumb.getInstance(genericLine);
    rightLine.connect({source: right, target: gate})
}

但是connect函数似乎并不关注现有endpoint，而是创建自己的endpoint。

如何在输入源和门的一个目标之间绘制连接？

Answer 1

我发现这可以通过在添加uuid时在endpoint上设置uuid来实现，并绘制连接，如下所示：

jsPlumb.connect({uuids: [leftUuid, leftGateUuid]});