jsplumb.connect()使用现有端点而不是创建新端点

Question

我有一个jsPlumb.connect函数的问题.我有一个应用程序,用户可以添加<div>元素,获取jsPlumb端点.用户可以将所有这些元素相互连接起来.该图表可以保存在MySQL数据库中(采用JSON格式).

当用户从数据库加载图表时,我可以使用我的addElement和addEndpoint函数重新创建元素和端点.但是当我调用jsPlumb Connect方法(只是从数据库创建图表时调用)时,为了绘制连接线,它为每个连接元素创建一个新的enpoint

所以我的问题是,每次调用connect方法时如何防止创建新的端点？

Answer 1

在添加端点时,请确保您还uuid根据放置的元素分配端点.您可以将jsPlumb中的两个端点连接为:

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