注意: この手順では、このトピックの最後に記述されているインライン・データがUIXファイルに挿入されているものとして説明しています。demoTableDataというインライン・データでは、行と列のデータが提供されます。
sortableHeaderを挿入するには、次のようにします。
注意: データ・バインディングを使用する場合には、「コンポーネントの属性のデータ・バインディング」を参照してください。
ヒント: サーバーでのソートの実装の詳細は、『ADF UIX開発者ガイド』のADF UIXを使用したtableの作成に関する説明を参照してください。
...
<provider>
<data name="demoTableData">
<inline>
<!-- data for 4 rows -->
<demoRowData firstColumnText="John"
secondColumnText="17" />
<demoRowData firstColumnText="James"
secondColumnText="8" />
<demoRowData firstColumnText="Luke"
secondColumnText="28" />
<demoRowData firstColumnText="Matthew"
secondColumnText="19" />
<!-- data for the row headers -->
<demoRowHeaderData headerText="1"/>
<demoRowHeaderData headerText="2"/>
<demoRowHeaderData headerText="3"/>
<demoRowHeaderData headerText="4"/>
<!-- data for the column headers -->
<demoColHeaderData textKey="Name" colValue="name" sortValue="ascending"/>
<demoColHeaderData textKey="Age" colValue="age" sortValue="descending"/>
<!-- formatting information for the rows -->
<demoRowFormats/>
<demoRowFormats displayGrid="false"/>
<demoRowFormats/>
<demoRowFormats/>
</inline>
</data>
</provider>
...
<contents>
...
<table alternateText="No Items Found."
blockSize="25"
tableData="${uix.data.demoTableData.demoRowData}"
columnHeaderData="${uix.data.demoTableData.demoColHeaderData}"
rowHeaderData="${uix.data.demoTableData.demoRowHeaderData}">
<contents>
<!-- table's indexed children are the columns -->
<column>
<columnHeader>
<sortableHeader sortable="${uix.current.sortValue}"
text="${uix.current.textKey}"
value="${uix.current.colValue}"/>
</columnHeader>
<columnFormat columnDataFormat="textFormat"/>
<!-- first column stamp -->
<contents>
<styledText text="${uix.current.firstColumnText}"/>
</contents>
</column>
<column>
<columnHeader>
<sortableHeader sortable="${uix.current.sortValue}"
text="${uix.current.textKey}"
value="${uix.current.colValue}"/>
</columnHeader>
<columnFormat columnDataFormat="numberFormat"
width="45%" />
<!-- second column stamp -->
<contents>
<styledText text="${uix.current.secondColumnText}"/>
</contents>
</column>
</contents>
...
</table>
</contents>
...
sortableHeaderについて
columnHeaderについて
列の作成
columnHeaderの挿入
tableコンポーネントの使用
Copyright © 1997, 2004, Oracle. All rights reserved.