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

Question

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

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

基本上我想以xml格式存储流程图，源和目的地都在理想的位置。

任何人都可以帮助我。

Answer 1

创建连接时，您可以使用此方法获取源和目标

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

Answer 2

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

我知道我必须在评论中提供此链接，但由于我没有足够的声誉，我不能发表评论。一切顺利： - ）

Answer 3

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