tableFormat、columnFormatおよびrowFormatsについて

Table with alternate one row banding

表の外観や、tableコンポーネントとcolumnコンポーネントによって作成されたコンテンツを変更するには、次の属性を使用します。

トピックの始めにある表は、次の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.