如果元素有多个端点,则jsPlumb选择要连接的端点

时间:2016-05-24 16:50:56

标签: javascript jsplumb

我正在构建一个通过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})
}

但是连接功能似乎并没有关注现有的端点并创建它自己的端点。

如何在输入源和其中一个目标之间绘制连接?

1 个答案:

答案 0 :(得分:0)

我发现这可以通过在添加端点时在端点上设置uuid并绘制如下连接来完成:

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