2013-02-02 1 views
5

Sto provando a creare una connessione in linea retta in JSPlumb tra due endpoint. Quando provo a connettermi all'endpoint, il punto di origine viene trascinato invece di creare una connessione a linea retta.Impossibile creare una connessione lineare in JSPlumb

Qui il violino: http://jsfiddle.net/dutchman71/aMksZ/2/

Qualsiasi aiuto apprezzato.

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

risposta

7

Sì, così sembra forse avrei trovato una risposta (vedi docs). Sostituire questa linea:

connector: new jsPlumb.Connectors.Straight() 

con questa linea:

connector: ["Straight"]