我已经坚持了几天，希望您的帮助知道如何解决此问题。我创建了此应用程序，类似于流程图，以绘制具有不同端点的不同类型的铅垂项。在将其创建为元素之后，将根据铅垂项的类型动态添加端点。像下面吗？
这就是我创建铅垂项的方式。
var element = document.createElement("div");
element.setAttribute("id",schema_id);
element.setAttribute("class","item " +control.Type);
element.setAttribute("style","left:" +posX + "px ; top: "+posY+"px");
var output = document.getElementById('container');
output.appendChild(element);
然后根据其类型添加端点。
jsPlumb.addEndpoint(element,<the style goes here>,{ anchor:<the location of the endpoint goes here>, uuid: <a new ID is created for this>});
这就是它的样子
我设法从方法“ GetConnections”中获取数据，并将其作为JSON保存在数据库中。此JSON包含用于铅垂项的所有ID和所有端点。
但是，当我尝试再次将其检索回UI时，它看起来像这样。除端点外，一切看起来都很不错。
重绘时，将以上述相同的方式创建端点。要重新连接端点，我正在使用此代码。
jsPlumb.connect({ source:<source id>, target:<target id>,anchors:<location of the endpoint>,<style>);
问题 ：
对于上面的代码，尽管我将端点的UUID赋予了源和目标，但它并未将其识别为要与之连接的端点。
有没有办法找到ID并将其连接起来？我发现，只能使用带有UUID的“ getElementById”来搜索垂直项，而不能搜索端点。
问题是如何使这些端点如最初绘制的那样连接。如何将每个端点重新连接起来？我拥有所有ID，并且在重绘它们时具有与保存时相同的ID。但是我无法找到一种方法来分别再次将端点重新连接起来，因为这对于每个铅垂项都有不同类型的端点。
有什么建议？
对不起，很长的帖子提前谢谢！！
请参阅连接方法
如果您连接ID，元素或端点，请使用
jsPlumb.connect({source:<source id>, target:<target id>});
但是如果您连接两个端点的UUID数组，请使用
jsPlumb.connect({uuids:<array of uuids>});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句