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

Question

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

现在我需要使用连接器以编程方式链接两个端点，但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

按照APIjsPlumb.connect()可以接收

阵列的两个端点

的的UUID

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

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

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