连接断开但endPoints没有改变或保持不变

时间:2013-05-17 10:53:09

标签: jsplumb

我如何通过拖动一个连接,在端点之间没有变化的情况下轻松地知道是否尝试了?

1 个答案:

答案 0 :(得分:0)

您需要在拖动端点以进行连接时收到通知,但是在没有连接的情况下丢弃。要实现这一目标,我们需要处理2个事件:

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

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

注意: jsPlumbConnection 事件在停止事件之前触发。

维护一个最初为false的全局变量(FLAG),并在建立连接时设置为true。当端点停止拖动时,我们检查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
                                }
                              } 
                           });