表の外観や、tableコンポーネントとcolumnコンポーネントによって作成されたコンテンツを変更するには、次の属性を使用します。
tableFormat
: 表全体の書式設定を指定する際に、tableコンポーネントに設定する複合属性です。この複合属性はデータ・バインドできます。現在のところ、制御可能な表の書式設定はバンドです。
columnFormat
: その列の書式設定を指定する際に、columnコンポーネントに設定する複合属性です。この複合属性はデータ・バインドできます。または、次の属性を使用できます。
rowFormats
: 表のデータ行ごとに書式設定を指定するために、tableコンポーネントのrowFormatsという複合属性を設定します。現在のところで制御可能な行の書式設定は、行の上部に水平グリッド線を表示することです。この複合属性はデータ・バインドする必要があります。
トピックの始めにある表は、次のUIX XMLサンプル・コードにより生成されたものです。
...
<provider>
<!-- all the data used by our table demo -->
<data name="demoTableData">
<inline>
<!-- DataObjectList to provide information to the data rows -->
<demoRowData firstColumnText="First row"
secondColumnText="First Button"
thirdColumnText="First col"
fourthColumnText="111"/>
<demoRowData firstColumnText="Second row"
secondColumnText="Second Button"
thirdColumnText="Second col"
fourthColumnText="222"/>
<demoRowData firstColumnText="Third row"
secondColumnText="Third Button"
thirdColumnText="Third col"
fourthColumnText="333"/>
<demoRowData firstColumnText="4th row"
secondColumnText="4th Button"
thirdColumnText="4th row col"
fourthColumnText="444"/>
<!-- DataObjectList to provide information to the row header stamps -->
<demoRowHeaderData headerText="1"/>
<demoRowHeaderData headerText="2"/>
<demoRowHeaderData headerText="3"/>
<demoRowHeaderData headerText="4"/>
<!-- DataObjectList to provide formmating information to the rows -->
<demoRowFormats/>
<demoRowFormats displayGrid="false"/>
<demoRowFormats/>
<demoRowFormats/>
</inline>
</data>
</provider>
...
<table tableData="${uix.data.demoTableData.demoRowData}"
rowHeaderData="${uix.data.demoTableData.demoRowHeaderData}"
rowFormats="${demoTableData.demoRowFormats}"
width="55%">
<contents>
<column>
<columnHeader>
<styledText text="First Header"/>
</columnHeader>
<contents>
<!-- first column stamp -->
<text text="${uix.current.firstColumnText}"/>
</contents>
</column>
<column>
<columnHeader>
<styledText text="Second Header">
<inlineStyle>
<property name="color">red</property>
</inlineStyle>
</styledText>
</columnHeader>
<contents>
<!-- second column stamp -->
<button text="${uix.current.secondColumnText}"/>
</contents>
<columnFormat columnDataFormat="iconButtonFormat"/>
</column>
<column>
<columnHeader>
<styledText text="Third Header"/>
</columnHeader>
<contents>
<!-- third column stamp -->
<text text="${uix.current.thirdColumnText}"/>
</contents>
</column>
<column>
<columnHeader>
<styledText text="Header 4"/>
</columnHeader>
<contents>
<!-- fourth column stamp -->
<text text="${uix.current.fourthColumnText}"/>
</contents>
<columnFormat columnDataFormat="numberFormat"/>
</column>
</contents>
<!-- row header stamp node -->
<rowHeaderStamp>
<text text="${uix.current.headerText}"/>
</rowHeaderStamp>
<tableFormat bandingInterval="1" tableBanding="rowBanding"/>
</table>
...
tableとその名前付きの子について
columnとその名前付きの子について
tableFormat、columnFormatおよびrowFormatsの使用
tableコンポーネントの使用
Copyright © 1997, 2004, Oracle. All rights reserved.