問題タブ [jointjs]

を使っVaadin 6.7.8ていて、使いたいですJointJs。ただし、Vaadin 6 と一緒にサードパーティの JavaScript ライブラリを使用する方法が見つかりませんでした。助けていただければ幸いです。

Vaadin を使用することの欠点はありますか? ないことを願っています。

私はjointjsが初めてです。形状をjoint.shapes.devs.Modelのインスタンスとして扱っており、イン/アウトポートをカスタムイメージで表す円を置き換えようとしています。円、スナップリンク、および JointJs によって提供されるその他の優れた機能をドラッグして新しい矢印を作成できる現在の機能を維持したいと思います。やりたいことは、magnet/inPort/circle を画像に置き換えることだけです。これは可能ですか？もしそうなら、どのように？

よろしく

何らかの理由で、リンクを作成しているときに、 の関数updateLabelPositionsで 、次の行が実行されたとき joint.dia.LinkViewに取得します。NaNvar connectionLength = connectionElement.getTotalLength();

これにより、後でラベルの位置を計算するときにコードが失敗します。
私はjoint.clean.js v0.9.0 + Backbone 1.0.0を使用しています。
この問題は Firefox 30.0 でのみ発生しますが、Chrome バージョン 35.0.xxx... および IE10 では問題ありません。

ここに私のリンク作成コードがあります:

このコードは、JoinJS デモから取得したものです: http://www.jointjs.com/demos/links (サンプルのリンク番号 6)

編集：

調査中に、Mozilla に の関数が return というバグがあることがわかりgetTotalLengthましSVGPathElementたNaN。この問題に精通している人はいますか？
このjsFiddleをチェックしてください：http://jsfiddle.net/Xyk3R/

さらに情報が必要な場合はお知らせください。

乾杯！

セルが埋め込み要素として追加されると、その x 値と y 値は、親ではなく紙に相対的です。相対座標を使用する方法はありますか? そうでない場合、それを実現する方法についてのヒントはありますか?

ありがとう

JointJS ベースのグラフにインタラクティブにリンクを追加したいと考えています。

私の考えは、元のノードからこの一時ノードへのリンクを使用して小さな一時ノードを作成し、pointerdownそれを別のノードの上にドラッグしてpointerup、実際のリンクを作成して一時リンクとノードを削除することです。

pointerdown残念ながら、イベントが発生したノードではなく一時要素を移動するようにポインターを説得する方法がわかりません。何か案が？ありがとう！

免責事項: 私は (AngularJS から来た) Backbone.js を初めて使用するので、これがどのように機能するかについて不正確なメンタル モデルを持っている可能性があります。

モデルに属性を作成しているオブジェクト characterNodes があります。characterNodes は次のようになります。

私のバックボーン モデルは次のようになります。

各ストーリーには、アプリケーションの他の場所で変更されるプロパティ「isUnlocked」があります。このプロパティが変更されるたびに、イベントを発生させたい (つまり、アラート 'test' がポップアップする必要があります)。上記のコードでは、イベントは発生しないようです。

これが機能するはずかどうかをバックボーンのドキュメントから明確に理解することはできません- characterNodes のプロパティ（またはサブプロパティ、サブサブプロパティなど）が変更されるたびに on('change:characterNodes') が起動します? それとも、オブジェクトへのポインターが変更されたとき、つまり別のオブジェクトに置き換えられたときだけですか? それとも私は何か他のことを間違っていますか？ありがとう！

リンクのクリック イベントを無効にしようとしています。これにより頂点が作成されますが、このイベントには別のロジックが必要です。これは私のモデルです：

私のカスタム LinkView:

だから..どのようにmodelConexionViewをmodelConexionに関連付けることができますか? modelConexion は、どのビューが使用されているかをどのように認識していますか?

私はjoint.jsを使ってサービスのフローチャートを生成しています。そして、以下のコード スニペットを使用してカスタム要素を作成します。

問題は、供給要素を 1 回左クリックしても、ハイパーリンクが開かないことです。要素をドラッグして離したときにのみ、リンクが新しいタブで開きます。この問題を克服するために何ができるかを教えてください。を使用して、ユーザーによる要素のドラッグを無効にしました var paper = new joint.dia.Paper({ el: $('#paper'), width: 1040, height: 1000, gridSize: 1, model: graph, interactive: false });

前もって感謝します！

ポートを使用して独自の形状クラスを実装しようとしています。ただし、これらの形状が生成するリンクを滑らかにしたいと考えています。現在、スムーズなリンクを作成する唯一の方法は、

link.set('smooth', true).

しかし、コードを介さずにどうすればよいでしょうか? ドラッグするだけでスムーズなリンクを取得するにはどうすればよいですか?

リンク クラス ( MyLink) を拡張しましたが、ポートにドラッグするときにどのリンク クラスを使用するかを JointJS に伝えるにはどうすればよいですか?