プログラムでいくつかの接続を確立しようとしています。問題は、接続が描画されると新しいエンドポイントが作成され、既存のエンドポイントがクリックできなくなることです。ドラッグ可能な動作を持つエンドポイントがあります。(接続によって作成された) エンドポイントを元のエンドポイントと同じプロパティにすることができません。
私は動作するjsFiddleを作成しました: http://jsfiddle.net/SCSaf/4/
以下のコードでは、コンテナが初期化され、接続が描画されます
jsPlumb.connect({source: "container1", target: "container2"}, common);
共通の var で、ソース エンドポイント (exampleGreyEndpointOptions) のプロパティをエンド エンドポイント (endpointOptions) と組み合わせようとしました。共通して、線/矢印をドラッグ可能なものと同じにするための paintStyle があります。アンカーは、コンテナー間の接続または正方形間の接続を防ぐために定義されます。ご覧のとおり、これは非常に階層的なデータモデルで使用されます。
エンドポイントオプションを追加して新しいエンドポイントの動作を設定しようとしました（テストのコメントを外します）が、jsPlumbで何らかのマージエラーが発生します
var common = {
anchors: ["BottomCenter", "TopCenter"],
//endpoints: [{
// isSource: true,
// isTarget: false,
//}, {
// isSource: false,
// isTarget: true,
//}],
endpointStyles: [exampleGreyEndpointOptions, endpointOptions],
paintStyle: {strokeStyle: color}
};
私はアイデアがなく、エラーを解決する方法がわかりません。私が望む動作は、接続がプログラムによって描画されるエンドポイントから新しい接続を描画/ドラッグする (または既存の接続を削除する) ことも可能であることです。
API リファレンス: http://jsplumbtoolkit.com/apidocs/Connection.html
ドキュメント: http://jsplumbtoolkit.com/doc/connections#programmatic