問題タブ [richdatatable]

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 に答える
5283 参照

jsf - rich:dataTableを使用して拡張可能/折りたたみ可能なサブテーブルを作成するための最良の方法

最近、アプリケーションをJSF1.1からJSF1.2に移植しました。その過程で、トマホークを削除し、代わりにリッチを使用することにしました。

次に、テーブルの各行に対して展開可能/折りたたみ可能なdetailVievを作成する方法が必要です。

私が考えることができる唯一のことは、これらの線に沿ったものです(docs.jboss.comのドキュメントから適応):

私はそのような何かがうまくいくと思います。問題は、使用するオブジェクトにgetDetailOpenedとsetDetailOpenedを追加するか、これら2つのメソッドを提供する別のオブジェクトで各オブジェクトをラップする必要があることです。

誰かがより良い方法、またはそれがどのように行われるべきかを知っていますか?

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

internet-explorer - リッチ:インターネットエクスプローラーを備えたデータテーブルおよび拡張可能な列

rich:datatableとrich:columnを使用して拡張可能な列/行のシンプルなソリューションを作成しました。これは次のようになります。rich :dataTableを使用して拡張可能/折りたたみ可能なsubTableを作成する最良の方法

ファセットコードは次のように(簡略化されて)います:

これにより、詳細ボックスをクリックすると列が展開されたテーブルが提供され、詳細列が実際の行の下に表示されます。バッキングBeanのexpandAllActionは、行を反復処理し、それらの拡張属性をバッキングBeanの場合と同じに設定するため、すべての行が拡張/非拡張されます。

ただし、これはInternet Explorer(IE7またはIE8)では正しく機能しませんが、FFおよびChromeでは機能します。ユーザーがチェックボックスをクリックすると、ページ上の他の場所をクリックするまで何もレンダリングされません。バッキングBeanとオブジェクトは更新されていますが、他の要素がクリックされるまで再レンダリングされません。

これはIEで再び邪悪なものですか、それともRichfacesのバグですか?IEとtbodyで同様の問題がいくつか見つかりましたが、修正されているはずです。バグレポートを提出することはできますが、それまでは簡単な回避策はありますか?

Richfacesのバージョンは3.3.1であり、Jboss4.2.1GAおよびバンドルされたSunRIで実行されます。

0 投票する
3 に答える
2522 参照

richfaces - Rich:Columns-FilterBy

おはようございます!!

動的データテーブルがあり、Columns of Richfacesを使用していますが、FilterByに値を割り当てると、機能しません。誰か助けてもらえますか?災いは私のコードです..

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

richfaces - Richfaces: datascroller/datatable の HTML 生成に関する問題

JSF RE 1.2 と facelets で RichFaces 3.3.1 を使用しています。rich:datascroller に接続された rich:dataTable の HTML 生成に奇妙な問題があります。

ページが初めて読み込まれると、すべてがうまく機能します。同じページにもう一度アクセスすると、データスクローラーを介してページを変更しても、データテーブルが更新されなくなります。更新ボタンを押すと問題が解決します。

a4j:log を追加すると、次の警告が明らかになりました。

実際、HTML を調べると、「正しい」ページは次のようになります。

「悪い」ページは次のようになります。

ID の末尾に「:0」があることに注意してください。何が原因でしょうか?

ご意見ありがとうございます。

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

javascript - Javascriptはrich:dataTableからデータを読み取りますか?

フォームの初期化中にデータテーブルを生成できます。(JSF)。次に、rich:dataTable値からデータを読み取るためのJavaScriptを記述します

助けて。がんばってくれてありがとう。

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

ajax - Richfaces データテーブル - クライアント側でデータテーブル全体を再レンダリングせずに新しい行を追加する

コマンド ボタンまたはコマンド リンクのアクション イベントで、関連付けられたサーバー側コレクションに新しい行を追加できます。また、テーブル全体が再レンダリングされた場合、新しく追加された行をクライアントに表示できます。

AjaxKeysなどの助けを借りて、部分レンダリングを使用して、データテーブル全体を更新する必要なく、クライアント側で新しく追加された行を表示することは可能ですか?

助けてくれてありがとう:)

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

jsf - JSF Rich のスクロール可能なデータテーブルの問題

オブジェクトのコレクションを表示するスクロール可能なデータテーブルでは、最初の行として 1 つの手動行を追加する必要があります。その行にはinputTextが含まれており、ユーザーはいくつかの値を入力でき、Enterキーを押すと、それらの値が保存され、一番下の行に表示されます。この手動行を最初の行として追加できませんでした。以下は現在のコードです。

上記のコードは、バックエンドからの値を表示するためのものです。

ここに画像の説明を入力

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

jsf - RichFaces4の列クリック

Richfaces 4のextendedDataTableを使用しています。ユーザーがクリックしたときに、要素の詳細ページを行に表示したいと思います。したがって、私は次のようなものを追加しました

テーブルに。<a4j:jsFunction/>これにより、対応するタグがトリガーされます。これは今のところ機能しています。

ただし、列の1つにはcommandLinkが含まれています(詳細の編集ビューに切り替えるため)。リンクはWebkitベースのブラウザ(Chrome / Safari)で機能します。ただし、IEとFirefoxは行のonclickのみを実行します。コマンドリンクはそこでは機能しません。

コマンドリンクを含まないoncolumnclickまたは列のみを設定することはどういうわけか可能ですか?特定の列にonclick-handlerを追加する方法が見つかりませんでした(列にrich:columnを使用しています)。

または、「行のどこかをクリックして詳細を表示し、最後の列のリンクをクリックして編集ビューを表示する」を実現するためのより良い/よりクリーンな/より良い方法はありますか?

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

jsf-2 - リンクのクリック時に行の背景色を変更する

Richfaces 4 を使用しています。4<rich:datatable />つの列があります。その中で、最初の列は<a4j:commandlink />. リンクをクリックしたときに行全体の背景色を変更する必要があります。リンクをクリックすると、アクション リスナーが呼び出されoncomplete、ページが再レンダリングされます。クリックした行の色を変更するにはどうすればよいですか?

0 投票する
0 に答える
3393 参照

jsf - rich:extendedDataTableの最大高さを動的に設定します

RichFaces 3.3.3 finalを使用したrich:extendedDataTableのmax-heightに問題があります。

テーブルに最大の高さを設定したいのですが、テーブルがこの高さを満たさない場合(行数は動的に生成されます)、テーブルは縮小します。

テーブルに高さを定義すると、テーブルを埋めるのに十分な要素がないかどうかに関係なく、テーブルは常にそのサイズになります。

高さを動的にするためのCSSがいくつかあります。

http://community.jboss.org/wiki/ExtendedDataTableDynamicHeightAndJIRABugRF-7488から取得)

ただし、最大高さ(1ページに複数の異なるサイズのテーブル)を変更できるようにしたい。

また、このcssを使用すると、他のextendedDataTableの他のすべての高さをオーバーライドします。

私が現在していることはこれです:

高さの場合、19は行の高さ、32はヘッダーの高さ、291はテーブルに必要な最大の高さです。
個々の行のサイズが異なる場合に機能するソリューションが必要なため、これは理想的なソリューションではありません。

f:verbatimなどでJavaScript呼び出しを機能させることはできませんでした(RichFaces / JSFページにjavascriptスクリプトを埋め込んで呼び出す方法を参照)が、最大高さを設定するとページ上のすべてのテーブルの最大高さ。

誰かがより良い解決策を持っていますか?

これを理解しようとすればするほど、extendeDataTableは制限されていると思います。これに対する解決策を考えることはできませんが、このプログラムのテーブルのサイズが異なることに気づいています。これは実装するのが常識のように見える機能ですが、これを行う方法はありません。

1つの最終更新:

私は何もうまくいかなかった。私はまだ上記の高さ関数を使用しています。ページごとに理解しやすく、制御しやすいです。「19」ピクセル値は、行を太くするために、行にあるアイテムに基づいて変更する必要がある場合があります。

このソリューションでは、高さが行数に基づいているため、セルをラップしたくありませんでした。これにより、行の最後に小さな「...」が追加されます。

セル内の残りのコンテンツをマウスオーバーで表示するrich:toolTip(またはrichfacesを疑うようになったので自分のツールチップ)を追加しました。最善の解決策ではありませんが、必要なものには機能します。

そしてこれはあなたが必要とするCSSです:

元のファイルの他のcssは、高さを制御することでした。彼らは、高さが動的であり、1つのタグで最大高さを制御するという点でそれを覆しました。動的な最大高さが必要ない場合は、これが最適なソリューションです。

別のオプションは、ページごとに1つのテーブルしかない場合、jQueryを使用して.extdt-contentのmax-heightを変更することです。ページごとに複数あるので、私には選択肢がありません。

これが他の誰かに役立つことを願っています。

heightステートメントはクロスブラウザー互換ではありません。