2012-12-19 22 views
8

Librairy jsPlumb Javascript kullanarak iki div ile çift bağlar yapmak istiyorum. Bir bağlantı kurabilirim, ama çift bağları değil.JSplumb çiftli bağlar

Çift bağın nasıl yapıldığını biliyor musunuz? İki DIV arasında basit bir bağlantı için

:

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

çift bağlantı için iki DIV doğrultusunda, bu test etmiyoruz, ama çalışmıyor:

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

Birinin bir çözümü var mı?

cevap

1

"Sol", jsPlumb'daki geçerli bir bağlantı konumu değil. "LeftMiddle", "TopLeft" veya "BottomLeft" ı deneyin. "LeftMiddle" muhtemelen sizin aradığınız biridir.

+0

Bu neredeyse istediğim şey. Bağlantı arasındaki boşluk daha büyüktür. Bir boşluk belirleyebilir miyim. Örneğin, iki bağlantı arasındaki 5px? –

İlgili konular