問題タブ [rappid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
412 参照

javascript - Jointjsのツリーレイアウト

jointjs/rappid ライブラリに問題があります。組織図のレンダリングに使用しており、従業員は 200 人を超えています。TreeLayout を使用してそれらをレンダリングすることに成功しましたが、より深いブランチにスタックしていないため、ツリーが巨大で読みにくくなっています。メインページのデモと同様にレンダリングする方法はありますか?

0 投票する
1 に答える
788 参照

svg - ジョイント js の回転がカスタム SVG 要素で正しく機能しない

Halo で証明されている回転機能を使用しようとしていますが、

このようにステンシルに要素を追加しました..

要素はステンシル上で見栄えがよく、ドラッグして紙にドロップすると見栄えがよくなります。

今、私はそれを回転させたいのですが、それを実現するのに本当に苦労しています.

要素のサイズを変更してから回転させようとした場合..そして再度サイズを変更すると、下の画像のようにすべての変換が完全に台無しになります..

JointJS での回転

記事を読んで、svg ローテーションが css で行われるものと似ていないことを知り、ボタンをクリックして次のことを試しましたが、どちらも役に立ちませんでした。

私の目標は、回転時にカスタム SVG 要素をハロー内に保持し、斜めにならないようにすることです。

次のようにHaloを使用する代わりに、ボタンをクリックして回転を試みましたが、役に立ちません

あなたの助けを本当に感謝します. ありがとうヴィシュ

0 投票する
2 に答える
601 参照

javascript - jointJSでダイアログを閉じることができません

これが私があなたのためにアップロードしたスクリーンショットです 。コメントでのアドバイスに従って、私の投稿を編集し、私のコードの更新バージョンを投稿しました。

残念ながら、まだ期待どおりに動作しない更新されたコードを次に示します。[OK] ボタンと [キャンセル] ボタンを表示するこのダイアログ フォームには、次のものが必要です。

1) OK を押すと、次のことを行います: a) 現在のグラフを削除する b) ダイアログを閉じる

dialog.closeダイアログを閉じる

この新しいコードを使用すると、joinjtJS プロジェクトが予期せずクラッシュします。OKボタンを機能させるにはどうすればよいですか?

0 投票する
1 に答える
86 参照

javascript - Javascript を使用してフォームをリロードすると、以前に保存したポップアップ フォーム データを保持できません - jointJS

functionformでは、Javascript -joinJS を使用して、ボタンを押したときに表示されるフォームを作成しようとしています。

フォームにデータを書き留めた後、フォームのフィールドで表示できるようにフォームを 2 回目に表示しようとしたときに、データを保持したいと考えています。

どうすればいいですか?これまでのところ、初めて正常に表示できますが、2 回目は表示できません。

0 投票する
1 に答える
136 参照

jquery - jointJS/Rappid でインスペクターのテキスト フィールドを自動大文字化する方法

jointJS では、インスペクターのテキスト フィールドで編集するときに自動大文字化する必要があります。

これを行うには、inspector.js コードを変更するか、main.js コードに新しい var を作成する必要がありますか?

jointJS のドキュメントには、capitalize 機能に関するリファレンスはありません。

これは可能ですか?

0 投票する
2 に答える
835 参照

javascript - タイプではなくステンシル名に基づいてjointJS要素をチェックする方法

この要素が Workitem または Activity である場合、Paper 内に要素を挿入するときに Rappid でチェックを行いたいのですが、Rappid のドキュメントで見つけた唯一の同様のチェックは次のとおりです。

if (cell.get('type') !== 'link'){//Do something}

この要素がリンクかどうかをチェックします。'type'に基づくのではなく、代わりにに基づいてチェックする方法はありますか'name'('name は、基本的な形状のステンシル名の 1 つです)。

要素が Stencil name Activity または Workitem の形状であるかどうかを確認するにはどうすればよいですか?

そして、これまでコードの作成でhalo1行のコードを挿入しようとしたのですが、できないので、コード内でこのチェックを実行できる場所を教えcell.set('wi_name', "ACTIVITY");てください。アクティビティという名前の wi_name)

0 投票する
1 に答える
398 参照

jquery - jointJS のグラフ要素の着信リンク数を取得する

jointJS では、すべての要素が着信接続リンクの数をチェックするようにしたいので、これはドキュメントに従って作成したコードですが、機能しません:

これは、getConnectedLinksjointJS のドキュメントです: http://resources.jointjs.com/docs/jointjs/v1.0/joint.html#dia.Graph.prototype.getConnectedLinks

アイデアはありますか?