2012-12-19 11 views
8

Vorrei creare un doppio legame con due div utilizzando librairy jsPlumb Javascript. Posso fare una connessione, ma non un doppio legame.JSplumb double bonds

Sai come creare un doppio legame?

Per un semplice collegamento tra due DIV:

jsPlumb.ready(function() { 
    jsPlumb.importDefaults({ 
     ConnectorZIndex:5 
    }); 
    var jsP = jsPlumb.getInstance({ 
     PaintStyle:{ lineWidth:2, strokeStyle:"#000", outlineColor:"black", outlineWidth:1 }, 
     Connector: "Straight", 
     Endpoint: "Blank" 
    }); 
    var e0 = jsP.addEndpoint("firstLink", { 
      anchor: ["Center"] 
    }); 
    var e1 = jsP.addEndpoint("lastLink", { 
      anchor: ["Center"] 
    }); 
    jsP.connect({ source:e0, target:e1}); 

per un doppio legame in due DIV, provo questo, ma non funziona:

 var e0 = jsP.addEndpoint("firstLink", { 
      anchor: ["Center"] 
     }); 
     var e1 = jsP.addEndpoint("lastLink", { 
      anchor: ["Center"] 

     }); 
     var e2 = jsP.addEndpoint("firstLink", { 
      anchor: ["Center"] 
     }); 
     var e3 = jsP.addEndpoint("lastLink", { 
      anchor: ["Left"] 

     }); 
     jsP.connect({ source:e0, target:e1}); 
     jsP.connect({ source:e2, target:e3}); 

Qualcuno ha una soluzione?

risposta

1

"Left" non è un punto di ancoraggio valido in jsPlumb. Prova "LeftMiddle", "TopLeft" o "BottomLeft". "LeftMiddle" è probabilmente quello che stai cercando.

+0

Questo è quasi quello che voglio. La spaziatura tra il collegamento è maggiore. Posso determinare una spaziatura. Ad esempio, 5px tra due connessioni? –