如何在使用 jsplumb.connect() 时保留端点信息?

How to retain endpoint information while using jsplumb.connect()?

我一直在尝试通过 jsplumb.connect() 进行编程连接,截至目前,我已经能够通过维护源和锚点信息来连接元素。

但是,端点在分离时断开了连接,而不是允许我在不脱离位置的情况下绘制另一个连接。

我正在使用的 jsplumb.connect 代码:

connection = plumb.connect({
            source:parsed_conn_list[j].source, 
            target:parsed_conn_list[j].target,
            anchors:parsed_conn_list[j].anchors,
            reattach:true,
            paintStyle:{lineWidth: 4, strokeStyle: '#000'},
            connector: ["Bezier", { curviness: 70 }],
            deleteEndpointsOnDetach:false,
            overlays:[ 
                [ "Arrow", { width:14, length:14, location:0.93, id:"arrow" } ]
            ]
});

任何帮助将不胜感激。

编辑:

大家好,这是我用来添加端点而不是仅仅添加 source/target ids 的当前工作代码:

final_source = plumb.getEndpoints(parsed_conn_list[j].source)[0]
final_target = plumb.getEndpoints(parsed_conn_list[j].target)[0]

connection = plumb.connect({
            source:final_source, 
            target:final_target,
            //anchors:parsed_conn_list[j].anchors,
            reattach:true,
            paintStyle:{lineWidth: 4, strokeStyle: '#000'},
            connector: ["Bezier", { curviness: 70 }],
            deleteEndpointsOnDetach:false,
            overlays:[ 
                [ "Arrow", { width:14, length:14, location:0.93, id:"arrow" } ]
            ]
});

我喜欢的方式是:

  1. 在源元素和目标元素上创建端点。
  2. 使用端点而不是 source/target id 调用 jsPlumb.connect。
  3. 现在,当您断开连接时,不会删除端点。