2012-12-19 26 views
8

Chciałbym utworzyć podwójne obligacje z dwoma div przy użyciu librairy jsPlumb Javascript. Mogę nawiązać połączenie, ale nie podwójne wiązanie.JSplumb podwójne obligacje

Czy wiesz, jak wykonać podwójne wiązanie?

Na prostym połączeniem między dwoma Gr:

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

dla podwójnego łącza w dwóch DIV, przetestować, ale to nie działa:

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

Ktoś ma rozwiązanie?

Odpowiedz

1

"Lewy" nie jest prawidłową lokalizacją zakotwiczenia w jsPlumb. Spróbuj "LeftMiddle", "TopLeft" lub "BottomLeft". "LeftMiddle" to prawdopodobnie ten, którego szukasz.

+0

To jest prawie to, czego chcę. Odległość między łączami jest większa. Czy mogę określić odstępy? Na przykład 5px między dwoma połączeniami? –