jsPlumb:如何选择特定的连接器

Question

我似乎无法弄清楚如何选择特定的 jsPlumb 连接器。我知道我可以选择与源或目标相关的所有连接器，但我经常会在同一源和目标之间有多个连接器，所以在这种情况下我看不到能够选择特定连接器的方法。

我的具体用例如下:

如果用户单击一个连接器，他们会看到一个允许他们编辑连接的对话框。 (即设置标签名称，删除连接)。现在，如果他们设置标签或删除连接，我将被迫分离图表中的所有内容，然后重新绘制所有内容。这种方法有效，它看起来更干净，能够只分离一个被修改的连接或只改变它的标签。

想法？

Answer 1

据我了解您的问题，您希望在用户点击连接时断开连接。

你需要做什么:

1. 在与 jsPlumbevents 的连接上注册“点击”监听器

2. 一旦点击事件被触发使用jsPlumb.detach在 触发事件的连接，这将删除它，同时离开 端点未受影响。

这是我使用的代码示例:

        //connection was established let's add listener
        jsPlumb.bind("jsPlumbConnection", function(info) {

            //get connection from event info
            var connection = info.connection;

            //add on click event
            connection.bind("click", function(conn) {
                jsPlumb.detach(conn);
            });
        });

Original demo - Updated Demo