jsplumb - 连接断开但端点没有改变或保持不变

Question

我如何才能轻松地知道通过拖动一个连接进行了尝试，而在端点没有变化之间？

Answer 1

当端点被拖动以建立连接但被丢弃以致没有建立连接时，您需要得到通知。为此，我们需要处理 2 个事件：

1.建立连接时触发的事件。(jsPlumbConnection)

2.端点停止拖动时触发的事件。(dragOptions: {stop})

注意： jsPlumbConnection事件在stop事件之前触发。

维护一个全局变量（FLAG），该变量最初为假，并在建立连接时设置为真。当端点停止拖动时，我们检查 FLAG 以获得我们的结果。

FLAG=false; //global variable

jsPlumb.bind("jsPlumbConnection", function(ci) {  //Register event when connection is made
            flag=true;  // set to true when connection is made
});

var e = jsPlumb.addEndpoint("DOM_ELEMENT", {
                                endpoint:"Dot",
                                hoverPaintStyle:{ fillStyle:"red" },
                                anchor:"Right",
                                dragOptions: {
                                stop:function() {  //Register event when endpoint stopped dragging
                                         if(FLAG===false) 
                                                      alert("No connection was made");
                                                 else
                                                      FLAG=false; // Reset variable for next use
                                }
                              } 
                           });