3

特定の jsPlumb コネクタを選択する方法がわかりません。ソースまたはターゲットに関連するすべてのコネクタを選択できることはわかっていますが、同じソースとターゲットの間で複数のコネクタを使用することがよくあるため、その場合に特定のコネクタを選択できる方法がわかりません。

私の具体的なユースケースは次のとおりです。

ユーザーがコネクタをクリックすると、接続を編集できるダイアログが表示されます。(つまり、ラベル名を設定し、接続を削除します)。現在、ラベルを設定したり、接続を削除したりすると、ダイアグラム内のすべてを切り離してから、すべてを再描画する必要があります。この方法は機能します。変更された 1 つの接続を切り離すか、そのラベルを変更するだけのほうがきれいに見えます。

アイデア？

4

2 に答える 2

2

私があなたの質問を理解している限り、ユーザーがクリックしたときに接続を切断したいと考えています。

するべきこと：

  1. jsPlumb イベントとの接続に「クリック」リスナーを登録する

  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);
            });
        });

元のデモ-更新されたデモ

于 2013-03-21T17:48:36.867 に答える