sortableHeaderの挿入

注意: この手順では、このトピックの最後に記述されているインライン・データがUIXファイルに挿入されているものとして説明しています。demoTableDataというインライン・データでは、行と列のデータが提供されます。

sortableHeaderを挿入するには、次のようにします。

  1. 設計構造ウィンドウで、「column」ノードを展開して、名前付きの子「columnHeader」ノードを探します。
  2. 名前付きの子「columnHeader」を右クリックして、「columnHeaderの中に挿入」->「sortableHeader」を選択します。
  3. プロパティ・インスペクタで、sortableHeaderコンポーネントに次の属性を設定します。

注意: データ・バインディングを使用する場合には、「コンポーネントの属性のデータ・バインディング」を参照してください。

ヒント: サーバーでのソートの実装の詳細は、『ADF UIX開発者ガイド』のADF UIXを使用したtableの作成に関する説明を参照してください。

例(UIX XML)


...
<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.