2013-02-02 37 views
5

Próbuję utworzyć połączenie w linii prostej w JSPlumb między dwoma punktami końcowymi. Gdy próbuję połączyć się z punktem końcowym, punkt źródłowy jest przeciągany zamiast tworzenia połączenia prostego.Nie można utworzyć połączenia w linii prostej w JSPlumb

Tutaj skrzypce: http://jsfiddle.net/dutchman71/aMksZ/2/

Każda pomoc mile widziana.

  var endpointOptions = { 
        anchor:"BottomCenter", 
        maxConnections:1, 
        isSource:true, 
        isTarget:true, 
        endpoint:["Dot", {radius:5}], 
        paintStyle:{fillStyle:"#5b9ada"}, 
        connectorStyle : { lineWidth: 3, strokeStyle:"#5b9ada" }, 
        connector : new jsPlumb.Connectors.Straight(), 
        setDragAllowedWhenFull:true, 
        connectorOverlays:[ 
         [ "Arrow", { width:20, length:30, location:1, id:"arrow" } ], 
         [ "Label", { label:"", id:"label" } ] 
        ]    
        } 

      jsPlumb.bind("ready", function() { 

        jsPlumb.addEndpoint('block1', endpointOptions); 

        jsPlumb.addEndpoint('block2', endpointOptions); 

        jsPlumb.draggable('block1'); 
        jsPlumb.draggable('block2'); 
      }); 

Odpowiedz

7

Tak więc wydaje się, może znalazłem odpowiedź (patrz docs). Zastąpić ten wiersz:

connector: new jsPlumb.Connectors.Straight() 

z tej linii:

connector: ["Straight"]