在Javascript中检索元素的连接信息答案

【问题标题】：Retrieve connection Info of Elements in Javascript在Javascript中检索元素的连接信息
【发布时间】：2016-07-11 08:16:42
【问题描述】：

我正在尝试通过以下方式获取已放置在画布上的 jsPlumb 元素的连接信息。但是，它提到源 ID 和目标 ID 是未定义的。

JS 函数

function getConnectionDetails(element)
{
    var s,t;
    var elemId = element.id;
    elemId =  elemId.charAt(0);
    var inConId = elemId + "-in";
    alert("element: "+elemId+"\nConnection in source details: "+ inConId);
    var outConId =  elemId + "-out";

    jsPlumb.bind("jsPlumbConnection", function(element) {
        s=inConId.sourceId;
        t=inConId.targetId;
    });
    alert("Source ID of connection: "+ s+ "\nTarget ID of connection: "+t);

}

'elemId' 获取连接器的 ID，并且应该检索连接到它的连接。在这种情况下，一个连接器将只有一个其他连接。

'inConId' 将保存左锚/连接器的 ID，'outConId' 将保存右锚/连接器的 ID，我需要确定这些 2（inCon 和 outCon）与哪些其他元素的连接器已连接到。

【问题讨论】：

标签： javascript html connection target jsplumb

【解决方案1】：

知道了。

function getConnectionDetails(element)
    {
        var clickedId =  element.id;
        clickedId = clickedId.charAt(0);
        var from = clickedId+"-out";
        var from1 = clickedId;
        clickedId = clickedId+"-in";
        var con=jsPlumb.getAllConnections();
        var list=[];
        for(var i=0;i<con.length;i++)
        {
            if(con[i].targetId==clickedId)
            {
                list[i] = new Array(2);
                list[i][0] = con[i].sourceId;
                fromStreamId =list[i][0];
                list[i][1] = con[i].targetId;
            }

            if(con[i].sourceId==from || con[i].sourceId==from1)
            {
                list[i] = new Array(2);
                list[i][0] = con[i].sourceId;
                list[i][1] = con[i].targetId;
                intoStreamId =list[i][1];
            }
        }
        fromStreamId = fromStreamId.charAt(0);
        getFromStreamName(fromStreamId);
        intoStreamId = intoStreamId.charAt(0);

    }

【讨论】：