注意: この手順では、このトピックの最後に記述されているインライン・データがUIXファイルに挿入されているものとして説明しています。demoTableDataというインライン・データでは、行と列のデータが提供されます。
columnGroupコンポーネントを作成するには、次のようにします。
「columnGroup」ノードが、展開された親ノードに挿入され、強調表示されます。
ヒント: 既存の列をcolumnGroupに移動するには、設計構造ウィンドウで、既存の列を「columnGroup」ノードにドラッグ・アンド・ドロップします。
注意: データ・バインディングを使用する場合には、「コンポーネントの属性のデータ・バインディング」を参照してください。
...
<provider>
<data name="demoTableData">
<inline>
<!-- data for 4 rows -->
<demoRowData firstColumnText="First row"
secondColumnText="First Button"
thirdColumnText="First col"
fourthColumnText="111"
isSelected="false"
isDisabled="true" />
<demoRowData firstColumnText="Second row"
secondColumnText="Second Button"
thirdColumnText="Second col"
fourthColumnText="222"
isSelected="true" />
<demoRowData firstColumnText="Third row"
secondColumnText="Third Button"
thirdColumnText="Third col"
fourthColumnText="333"
isSelected="false" />
<demoRowData firstColumnText="4th row"
secondColumnText="4th Button"
thirdColumnText="4th row col"
fourthColumnText="444"
isSelected="false" />
<!-- data for the row headers -->
<demoRowHeaderData headerText="1"/>
<demoRowHeaderData headerText="2"/>
<demoRowHeaderData headerText="3"/>
<demoRowHeaderData headerText="4"/>
<!-- data for the 4 column headers -->
<demoColHeaderData textKey="H1"/>
<demoColHeaderData textKey="H2"/>
<demoColHeaderData textKey="H3"/>
<demoColHeaderData textKey="H4"/>
<!-- 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}"
width=55%">
<contents>
<!-- first group -->
<columnGroup>
<!-- group column header -->
<columnHeader>
<styledText text="Group Col 1">
<inlineStyle>
<property name="color">red</property>
</inlineStyle>
</styledText>
</columnHeader>
<columnHeaderFormat cellNoWrapFormat="true"/>
<!-- columns under first group -->
<contents>
<column>
<columnHeader>
<styledText text="${uix.current.textKey}"/>
</columnHeader>
<contents>
<styledText text="${uix.current.firstColumnText}"/>
</contents>
</column>
<column>
<columnHeader>
<styledText text="${uix.current.textKey}"/>
</columnHeader>
<contents>
<button text="${uix.current.secondColumnText}"/>
</contents>
<columnFormat columnDataFormat="iconButtonFormat"/>
</column>
</contents>
</columnGroup>
<!-- second group -->
<columnGroup>
<!-- group column header -->
<columnHeader>
styledText text="Group Col 2"/>
</columnHeader>
<!-- columns under second group -->
<contents>
<column>
<columnHeader>
<styledText text="${uix.current.textKey}"/>
</columnHeader>
<contents>
<styledText text="${uix.current.thirdColumnText}"/>
</contents>
</column>
<column>
<columnHeader>
<styledText text="${uix.current.textKey}"/>
</columnHeader>
<contents>
<styledText text="${uix.current.fourthColumnText}"/>
</contents>
<columnFormat columnDataFormat="numberFormat"/>
</column>
</contents>
</columnGroup>
...
</table>
</contents>
...
Copyright © 1997, 2004, Oracle. All rights reserved.