Jsplumb使用端点以编程方式添加连接

Question

我的要求是，我使用jsplumb.addEndPoint为两个名为"container0"one_answers"container1"的容器添加两个端点。

现在我需要使用连接器以编程方式连接两个端点，但jsplumb.connect创建了一个新的端点并进行连接，而不是使用我使用jsplumb.addEndpoint.创建的端点

我如何连接这两个端点？如果端点还没有连接，我只想添加一个连接？

Answer 1

要使用现有的端点进行连接，可以使用端点的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"] });
});

Answer 2

根据API jsPlumb.connect()可以接收

两个端点的UUID数组

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

所以，如果像我一样，您不想使用通用的唯一标识符，您可以坚持使用经典的源目标，并将端点作为参数。

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