Question

我的要求是，我使用jsplumb.addEndPoint为两个名为'container0'和'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数组

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

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

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

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

2 个答案: