JSPlumb-设置连接ID

Question

我们正在进行一个项目，该项目使用JSPlumb进行工作流呈现，并维护一个单独的数据模型，其中包括节点（id、位置、文本等）和连接，使用JSPlumb.bind使其与事件保持同步

当我开始重新创建连接时，我使用源和目标参数调用jsPlumb.connect，但ID似乎是在幕后创建的，因此与从数据模型加载的内容不匹配。这将是好的，除了在我不想删除该连接的ID从模型。。。

有没有办法手动设置连接器的ID？

谢谢

Answer 1

我有一个例行程序，可以保存然后恢复整个流程图。下面是我如何以编程方式设置连接器id的。

var connections = flowChart.connections;
$.each(connections, function( index, elem ) {
    var connection1 = jsPlumb.connect({
        source: elem.pageSourceId,
        target: elem.pageTargetId,
        label: elem.connectionLabel,
        id: elem.connectionId,
        connector: "Flowchart",
        anchors: ["BottomCenter", [0.75, 0, 0, -1]],
        overlays:[ 
            "PlainArrow", 
            [ "Label", { location:1,
            id:"arrow",
            length:12,
            foldback:1,
            width:12,
            cssClass:"aLabel"
            }]
        ],
        connectorOverlays:[ 
            [ "Arrow", { width:10, length:30, location:1 } ],
            [ "Label", { label:"foo" } ]
        ],
    });

Answer 2

从API文档中，我找不到用于获取具有属性ID的连接的函数，即使您可以使用setParameter（API文档）将ID设置为连接。相反，您可以使用sourceId和targetId而不是连接ID删除连接。

var conn=jsPlumb.getConnections({
  scope:'myScope", 
  source:"mySourceElement", 
  target:"myTargetElement"
});
jsPlumb.detach(conn,param)  //by default param is false which defines whether to fire event on connection detach

Answer 3

您可以直接从连接设置id：

var conn=jsPlumb.getConnections({
  scope:'myScope", 
  source:"mySourceElement", 
  target:"myTargetElement"
});

conn.id=elem.connectionId;