問題タブ [jsplumb]

私はjsplumbとPrimefacesを使用しています。ui：repeatの一部として生成されたp：panelコンポーネントがいくつかあります。次に、jsplumbを使用してこれらのパネルを接続します。PrimefacesはパネルIDを生成し、スクリプトコードでこれらを使用してjsplumbをセットアップします。

作成したパネルIDを使用すると、すべて正常に機能しますが、自動的に作成されたパネルIDを使用すると、コネクタが表示されません。

ここで、j_idt20：0およびj_idt20：1は、Primefacesから生成されたIDであり、ブラウザーでhtmlページを検査することによって検出されます。

生成されたIDに「：」が含まれているという事実まで問題を追跡したと思います。例：'j_idt_29：0'

行のjsplumb内の名前に：が含まれるIDを参照するにはどうすればよいjsPlumb.connect({source:"element1"target:"element2"});ですか？

Perimeter Anchorsを実装しようとしていますが、最終的に、すべてのノードがシェイプ内にあり、必要に応じて接続され、オーバーラップしないようになりましたが、ページ上でそれらをより適切に分散させる方法を見つけることができません。

ノードのグループが2つあり、グループ1の各ノードは、グループ2の関連するすべてのノードに接続されています。すべてのノードが次々に表示され、接続が互いに重なり合っています。githubのデモをフォローしようとしていますが、各ノードにページ上のどこかに配置する追加のスタイル属性があることがわかりました。この属性を追加する方法、場所、または内容がわかりません。

ノードが互いに重ならないように、ノードを適切に分散させるにはどうすればよいですか？

2つのエンドポイント間のJSPlumbで直線接続を作成しようとしています。エンドポイントに接続しようとすると、直線接続を作成する代わりに、ソースポイントがドラッグされます。

ここにフィドル： http： //jsfiddle.net/dutchman71/aMksZ/2/

助けていただければ幸いです。

ええ、それで私はjsPlumbで遊んでいます。2 つのエンドポイントを持つ div があるとします。1 つの TopCenter、1 つの BottomCenter。

新しい接続が作成されると、以下の関数を使用してそのイベントにバインドできます。私の質問は、エンドポイントのアンカー位置を取得するにはどうすればよいですか? Source および TargetEndpoint オブジェクトを取得しますが、ドキュメントを見ると、アンカー位置を取得する方法がわかりません...

ありがとう！

jsPlumb が同じソース アンカーから 2 つの接続を作成しようとして、非常に苦労しています。

たとえば、以下の JSFiddle では、ブロック 1 アンカーから他の 2 つのブロック 2 および 3 への 2 つの接続を作成しようとしています。 http://jsfiddle.net/dutchman71/TYerW/3/

何らかの理由で、こちらの jsPlumb の例では緑色のドット アンカーを使用して正常に動作します。 http://jsplumb.org/jquery/draggableConnectorsDemo.html#

誰かが私に欠けているものを教えてもらえますか?

jsPlumbでフローチャートを作成しようとしています。2つの要素があり、それらを線で接続したいと思います。線が欲しいのですが、現在のように大きな点ではありません。ドットの半径を可能な限り設定しようとしましたが、影響を受けていないようで、デフォルトの20pxのままです。私は何が間違っているのですか？

これを生成する：

JSFiddleデモ

jsPlumb ツールキットで、描画および接続するオブジェクトの数とタイプに基づいてコンテンツを動的に配置することは可能ですか。現在、彼らが示した例では、css を使用して各ノードを配置していますが、ネットワークで使用できるオブジェクト (ノード) の数がわからないため、ビジュアライゼーションを動的に生成する場合、これは適切なオプションではありません。動的にすることは可能ですか？

NB: jsplumb のまったくの初心者です。

ドラッグアンドドロップ機能を使用したjsplumbを使用して、列テンプレートを一致させました。すべてが Web ブラウザーで正常に動作しています。しかし、タブレットブラウザで同じものを実行しても機能しません。touchpunch の使用を提案しているフォーラムを読みました。私もそれを使いました。しかし、他の列と一致するように円をタップすると、移動しません。どこが間違っているか教えてください。私が使用したコードスニペットは次のとおりです。

main.js

index.html

YUI フレームワークで jsPlumb を使用して、いくつかの div をドラッグして接続できるようにしようとしています。ただし、divをドラッグ可能にしようとすると、次を使用して親に含まれます。

div は、親の境界の外にドラッグできます。親の css を「overflow: hidden」に設定すると、div が親の境界を超えてドラッグされたときに div は表示されませんが、div へのコネクタは表示されますが、これは非常に厄介です。これをすべてフィドルで確認するには: http://jsfiddle.net/xXYwX/3/ jsPlumb のドラッグ可能な関数を YUI で使用し、ドラッグ可能な div の動きを制限する方法があるかどうかを知っている人はいますか?

ありがとう！

Web アプリケーション、できれば ASP.NET 用のダイアグラム\グラフ\フローチャート ユーザー コントロールを探しています。

私の願いは、ノードとエッジのコレクションを含む Graph オブジェクトを渡すことであり、私が探す機能は次のとおりです。

1. 新しいノードを追加します。
2. 2 つのノードをエッジで接続します。
3. ノードとエッジを削除する
4. レイヤーとエッジの交差を最小限に抑える自動レイアウト アルゴリズム

次のようなコンポーネントを作成するのに役立つソリューションの一部を見つけました。

1. JSPlumb または Raphael を使用して、クライアントでグラフを描画します。
2. GLEE\ MSAGL を使用して、視覚的にグラフを自動的に並べ替えます。

これらはすべてコンポーネントを構築することを可能にしますが、ウェブベースでタスクを実行できるものを誰かがすでに見たことがあるかどうか疑問に思っていましたか? うまくいけば、そのオープンソース:)