jsPlumb如果一个元素有多个端点,则选择连接到哪个端点

问题描述:

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

但connect函数似乎没有注意到现有的端点并创建它自己的。

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

+0

的代码存在一个安全的网络上,并包含敏感数据,所以我不能提供一个小提琴 – matts1189

我发现,这可以通过设置在端点UUID当它被添加和连接部汲取喜欢做:

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