使用endpoint以编程方式添加连接

Question

我的要求是，我使用jsplumb.addEndPoint为两个名为“container0”和“container1”的容器添加两个endpoint。

现在我需要通过编程方式使用连接器链接两个endpoint，但是jsplump.connect创建了一个新endpoint并进行连接，而不是使用我使用jsplump.addEndpoint创建的endpoint。

我如何连接这两个endpoint？此外，我只想添加一个连接，如果该连接尚未存在endpoint？

Answer 1

根据APIjsPlumb.connect（）可以接收

两个endpoint的UUID数组

但这并不是连接endpoint的唯一方法，因为还有另一种方法（更常见的是，它用于连接两个对象），源参数和目标参数可以接收字符串或对象（作为DOM对象）或直接接收endpoint（这与endpoint的DOM选择器不同，例如，它可以是let firstEndpoint=jsPlumb.addEndpoint（））。

所以，若像我一样，您不想使用通用唯一标识符，那个么可以坚持使用经典的源目标，并将endpoint作为参数。

jsPlumb.connect({ source: firstEndpoint, target: jsPlumb.selectEndpoints() }); 

Answer 2

要使用现有endpoint进行连接，可以使用endpoint的Uuid：

jsPlumb.ready(function () {  
    var e0 = jsPlumb.addEndpoint("container0",{uuid:"ep1"}),  //set your own uuid for endpoint for later access.
    e1 = jsPlumb.addEndpoint("container1",{uuid:"ep2"});  
    jsPlumb.connect({ uuids:[e1.getUuid(),e2.getUudi()] }); // (or) jsPlumb.connect({ uuids:["ep1","ep2"] });
});