2016-12-25 90 views
0

首先,畫布中有兩個節點,並且已應用了一些端點樣式。如果我拖動它們之間的連接,則可以保留所有樣式。沒關係。 但是,當使用jsPlumb連接方法時,它將導入默認的端點樣式而不是給定的樣式。我怎樣才能避免這種情況?JsPlumb連接不使用現有的源/目標端點樣式

1)由用戶將事件從源拖動到目標的新連接。 enter image description here

2)使用jsplumb.connect(),而使用默認端點樣式的方法。 enter image description here

一些JavaScript代碼是在這裏:

var connectorPaintStyle = { 
     strokeWidth: 2, 
     stroke: "#61B7CF", 
     joinstyle: "round", 
     outlineStroke: "white", 
     outlineWidth: 2 
    }; 

    var conn = jsptoolkit.jspinstance.connect({ 
     source: line.sdata.sourceId, 
     target: line.sdata.targetId, 
     anchors: line.sdata.anchors, 
     paintStyle: connectorPaintStyle, 
     connector: ["Flowchart", { stub: [2, 2], gap: 1, cornerRadius: 5, alwaysRespectStubs: true }], 
    }); 

回答

0

正確的方法是使用UUID的陣列,而不是源和目標。我已經修改了連接方法代碼:

var conn = jsptoolkit.jspinstance.connect({ 
     uuids: [line.sdata.sourceId + "RightMiddle", line.sdata.targetId + "LeftMiddle"], 
     anchors: line.sdata.anchors, 
    }); 

有一個類似的問題: Jsplumb add connection programatically using endpoints