問題タブ [rowexpansion]

pf4 アプリケーションで次の問題があります。展開可能な行を持つデータテーブルがあり、この展開可能な行にタブビューを追加し、これらのタブの 1 つにテーブルを再度追加しました。現在、列の行は 1 行に収まっていません。これは、ここでわかるように非常に奇妙に見えます。誰かがこれに対する解決策を持っていますか?

PrimeFaces 4.0 で JSF 2.2 を使用しています。ライブスクロール、遅延読み込み<p:dataTable>、行拡張、セル編集などがあります。

最初のページでは、すべてが魅力のように機能します。下にスクロールすると、データは完全に問題なく遅延ロードされますが、行の拡張とセルの編集中にいくつかの問題があります。

1. 行の拡張で、間違った値を取得しています。他の行の値が重複している可能性があります。

2. セル編集も機能していません。セルを編集すると、値がセルエディターに表示されません。Firebug をチェックインしまし<h:outputText>たが、生成された HTML で確認された値がありません<div class="ui-cell-editor-output" style="display: none;"></div>。ご覧のとおり、div 内には値がありません。

バッキング Bean は@SessionScoped.

これはどのように発生し、どうすれば解決できますか?

要件は、行展開のように Vaadin Table を介して提供することです。各列で利用可能な詳細をクリックすると、コンポーネントが追加され、行の下に表示されます。

Sencha を介して grid3.js に示されているのと同じような要件がありますが、テーブルが必要です。

以下のコード ( PrimeFaces ShowCase から取得)<h:outputText value="#{car.id}" />を考えると、2 番目の列のテキストが(画像ではなく) 行を展開/縮小するためのリンクとして機能するように機能を変更する最良の方法は何<p:rowToggler>ですか?

これがどれほど簡単か、またはそうあるべきかはわかりませんが、私は PrimeFaces にかなり慣れていないため、これをどのように行うことができるかわかりません。私はドキュメントとPrimeFaces ShowCase を調べました) (そして同様のコードで数時間遊んでみました) が、それを成し遂げることができませんでした。

ショーケース コード:

編集- シンプルなソリューションを見つけましたが、それが最もエレガントかどうかはわかりません。これを使用しない理由はありますか？

この中にdatatable&を作成しましたが、同じ の列の値の 1 つが表示されません。rowExpansionrowWxpansionp:dataTable

commentId展開のためにクリックされた特定の を取得する必要があります のdataTableパネル グリッドから& の入力をDB にrowExpansion保存しますが、行が展開されると 0 になります。データが に表示されている場合、データが入っていないのはなぜですか。commentIdtextAreacommentIdpanelGriddataTablepanelGrid

以下はコードです

現在展開されている行の子のデータを取得する機能を実現しようとしています。Ignite UI ヘルプ フォーラムのサンプルを確認しましたが、問題の解決に役立ちません。例は、このフィドルで示されています。の

展開されたすべての行の子のデータを私に与えています。この機能をすべてのレベルで実現したいと考えています。つまり、レベル 2 の行が展開されているとします。次に、その行に関連付けられた子グリッドのデータを取得できるようにしたいと考えています。

上記のフィドルの例でFoodは、食べ物が展開されたときのBeverages行の子と、これが展開されたときの行の子のデータを取得できるようにしたいと考えています。

特定の行に属さないエントリを除外するにはどうすればよいかわかりません。

ありがとう

rowExpansion とメインの dataTable 内で dataTable の外観を統一する簡単な方法はありますか? または、それを美しくするためのアイデアはありますか？同じdataTableの隠し行のように見せたいです。デフォルトでは次のようになります。

デフォルトの xhtml コードは次のとおりです。

ユーザーが親行をクリックしたときに行（子行）を表示するという要件は簡単です。

詳細については添付画像