如何在连接JSPLUMB中获取端点标签？

Question

在附图中，div 1和div 3相连。连接上有标签1-3（表示div 1和div 3连接）。现在，当我单击一个按钮时，我想显示端点标签名称，如“Drag-Drop”连接而不是div id“1-3”。

在nut shell中，在getAllConnections（）期间，如何获取连接中的端点标签名称？

Answer 1

Assuming you create overlays like this

endpoint.overlays = [["Label", {
            location: [0.5, 2.5],
            label: "1-3",
            id: 'myLabel'
        }]];

you just do:

endpoint.getOverlay("myLabel").getLabel()

Answer 2

正如您所提到的，首先获取所有连接，并为每个连接获取其端点，然后从中获取其标签：

var con=jsPlumb.getAllConnections();
for(var i=0;i<con.length;i++){
    var e=con[i].endpoints; // Array of [source, target] Endpoint objects.
    var label1=e[0].getLabel();
    var label2=e[1].getLabel();
    console.log(label1+"->"+label2); 
}

了解更多资料API DOC。希望这有帮助！

Answer 3

假设您已创建“拖动”，“删除”标签作为叠加，如下所示：

connection.endpoints[0]

您可以使用connection.endpoints[0].getOverlay("drag").getLabel();获取连接的源端点。要获取此终结点的标签值，您只需拨打$.each(instance.getConnections(), function (index, connection) { }); 。

即可

您可以通过迭代jsPlumb.getConnections（）来获取连接对象，如下所示：

{{1}}

它对我有用。希望对你有帮助！