在jquery中获取jsplumb中每个连接器的源和目标答案

【问题标题】：Get the source and target of each connectors in jsplumb in jquery在jquery中获取jsplumb中每个连接器的源和目标
【发布时间】：2013-05-24 11:20:20
【问题描述】：

我正在使用 jsplumb 在 HTML 中创建一个流程图，以将连接器从一个 div 添加到另一个。每次我创建从 1 个 div 到另一个 div 的连接时，我的 jquery 代码都会为他的连接器创建一个 svg。

我想创建流程图的 xml，以便为此保留图表的流程我需要找到给定 svg 连接器（jsplumb 连接器）的源和目标。

基本上我想将流程图以 xml 格式存储，并将源和目标放在完美的位置。

谁能帮帮我。

【问题讨论】：

标签： svg jsplumb

【解决方案1】：

你可以在创建连接的时候使用这个方法获取源和目标

jsPlumb.bind("jsPlumbConnection", function (conn) {
     var source = conn.source;
     var target = conn.target;               
});

【讨论】：

【解决方案2】：

要创建流程图的 xml，我想以下问题的答案会对您有所帮助。 Can we export a JsPlumb flowchart as a JSON or XML?

我知道我必须在评论中给出这个链接，但我还不能发表评论，因为我没有足够的声誉。一切顺利:-)

【讨论】：

【解决方案3】：

使用jsPlumb.getConnections() 函数获取所有连接。每个连接都有 sourceId 和 targetId。 query out all jsplumb connections before submit

【讨论】：

创建流程图后，我想创建流程图的 xml。有什么简单的方法可以做到这一点。
您将获得此连接作为 JavaScript 对象。通过 ID 或任何您可以获得连接的 div 并从中提取重要信息的方式。然后您可以使用link 将它们序列化为 xml 格式或编写您自己的创建 xml 代码的函数。
使用 jsPlumb.getAllConnections() 获取所有当前连接:)