primefaces - JSF で列拡張可能テーブルを作成する

Question

いくつかの列を非表示にする必要があるテーブルを作成したい。矢印またはボタンをクリックするたびに、非表示の列がそのテーブルの元の列とともに表示されるはずです。たとえば、20 列ありますが、最初の視点ですべての列を表示する必要はありません。UI に 5 列を表示したい場合、名前を変更すると 15 列は非表示にする必要があります。残りの列でテーブルを拡張するために、テーブルの右隅 (ヘッダー行) に矢印をどこに置くことができますか?

リッチフェイスなどのJSFで可能ですか。

前もって感謝します。

Answer 1

クラスのプロパティを使用して最初に非表示にする必要がある列<rich:dataTable.のプロパティを設定します。renderedboolean

<rich:dataTable value="" var="v" id="tbl">
     <rich:column>Always visible column 1</rich:column>
     <rich:column rendered="#{del.renderColumn}">Visible on demand</rich:column>
     <rich:column>Always visible column 2</rich:column>
     <rich:column>Always visible column 3</rich:column>
</rich:dataTable>

を使用して、ボタンアクションとテーブルのよう<a4j:commandButtonにプロパティを設定しrenderColumnます。truereRender

<a4j:commandButton value="Show" action="#{del.renderHiddenColumn()}" reRender="tbl"/>

Answer 2

primefaces labsのこの例を見てください。データテーブルに列を動的に追加できます。微調整して、探している動作を取得できると確信しています。