jsPlumb.getConnections 不工作

Posted 2023-05-07

【中文标题】jsPlumb.getConnections 不工作

【英文标题】：jsPlumb.getConnections not working

【发布时间】：2014-10-01 14:44:25

【问题描述】：

更新：这里是小提琴：http://jsfiddle.net/janessaallen/c3b514wf/7/

试图弄清楚为什么以下内容无法获得我的 jsplumb 连接。我有一个单独的流程图保存 javascript 文件，具有以下保存功能：

    function saveFlowchart() 
    var nodes = []

    $(".window").each(function (idx, elem) 
        var $elem = $(elem);
        var endpoints = jsPlumb.getEndpoints($elem.attr('id'));
        nodes.push(
            id: $elem.attr('id'),
            text: $elem.find($(".beneficiary")).text(),
            positionX: parseInt($elem.css("left"), 10),
            positionY: parseInt($elem.css("top"), 10)
        );
    );
    var connections = [];

    $.each(jsPlumb.getConnections(), function (idx, connection) 
            connections.push(
            connectionId: connection.id,
            sourceId: connection.sourceId,
            targetId: connection.targetId,
            anchors: $.map(connection.endpoints, function (endpoint) 

                return [[endpoint.anchor.x,
                endpoint.anchor.y,
                endpoint.anchor.orientation[0],
                endpoint.anchor.orientation[1],
                endpoint.anchor.offsets[0],
                endpoint.anchor.offsets[1]]];

            )
        );
    );

    var flowChart = ;
    flowChart.nodes = nodes;
    flowChart.connections = connections;

端点工作正常并被推送到数组，但 jsPlumb.getConnections 没有发现任何连接。

【问题讨论】：

代码看起来不错。创建一个演示问题的小提琴。 jsPlumb.getAllConnections 返回什么？

尝试将getConnections()更改为getAllConnections()

您好，谢谢。 getAllConnections() 不起作用。不知道如何从 jsplumb 的小提琴开始...???

这基本上就是我想要完成的：***.com/questions/20620719/…

谢谢。但我无法获得连接。这是唯一缺少的部分。连接不会被推送到数组。

【参考方案1】：

创建jsPlumb 的实例是为了创建连接/makeSources/makeTargets，而不是使用全局变量jsPlumb 本身。

如果一个实例用于创建连接，那么必须查询它而不是jsPlumb全局变量。

我更新了小提琴以保存对实例的引用并使用了instance to getAllConnections.

更新小提琴http://jsfiddle.net/c3b514wf/8/

【讨论】：

谢谢！越来越近，但它仍然无法识别实例。

问题现在是连接的端点。所以我会将此标记为答案。我将继续解决其余问题，但非常感谢您的帮助！