Page Comparison

This document provides brief descriptions of the table and tree components available for developing Nexawb Java Application UIs. This document also provides brief descriptions of the table and tree component specific attributes.

table

A collection of data arranged in columns and rows.

Image Removed

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

このドキュメントでは、Nexaweb Java Application UI開発時に利用可能なテーブルやツリーのコンポーネントについて、簡単な説明をしています。またこのドキュメントではテーブルとツリーのコンポーネント属性の概要を提供しています。

table

コラムと行で配列されたデータ集合体です。

Image Added

Nexaweb Studio では Paletteview でこのウィジットが利用可能で、そこからVisual Editorの UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例:

<table height="200px" width="300px" x="10px" y="50px">
  <column>
   <header text="Column #1"/>
  </column>
  <column>
   <header text="Column #2"/>
  </column>
  <row>
   <cell text="Row 1 Cell 1"/>
   <cell text="Row 1 Cell 2"/>
  </row>
  <row>
   <cell text="Row 2 Cell 1"/>
   <cell text="Row 2 Cell 2"/>
  </row>
  <row>
   <cell text="Row 3 Cell 1"/>
   <cell text="Row 3 Cell 2"/>
  </row>
</table>

tree

Image Removed

Displays data in a hierarchical format.Image Added

階層的形式でデータを表示します。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

では Paletteview でこのウィジットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例:

<tree height="100px" width="180px" x="10px" y="20px">
  <column/>
  <row>
   <cell text="Tree Item 1"/>
   <row>
    <cell text="Sub Tree Item 1"/>
   </row>
   <row>
    <cell text="Sub Tree Item 2"/>
   </row>
  </row>
  <row>
   <cell text="Tree Item 2"/>
  </row>
 </tree>

treeTable

 Image RemovedCombines a tree and table to display hierarchical data in a tabular format.Image Added

ツリーとテーブルを組み合わせテーブル形式で階層的データを表示する

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePane:では Paletteview でこのウィジットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジットを使用した XAL の例:

 <treeTable height="120px" width="280px" x="10px" y="170px">
  <column>
   <header text="Column #1"/>
  </column>
  <column>
   <header text="Column #2"/>
  </column>
  <row>
   <cell text="Tree Item 1"/>
   <cell text="Tree Item 1"/>
   <row>
    <cell text="Sub Tree Item 1"/>
    <cell text="Sub Tree Item 1"/>
   </row>
   <row>
    <cell text="Sub Tree Item 2"/>
    <cell text="Sub Tree Item 2"/>
   </row>
  </row>
  <row>
   <cell text="Tree Item 2"/>
   <cell text="Tree Item 2"/>
  </row>
 </treeTable>

Table and Tree Attributes

The following table lists and provides brief descriptions of table and tree component specific attributes: 

Cell

A table cell is one cell in a table row. Cells are optimized for use in tables. Although rows can hold any type of component, using cells is more efficient.

The following table lists and provides brief descriptions of cell specific attributes: 

Column

Defines the properties of a single column in a table.

The following table lists and provides brief descriptions of column specific attributes: 

...

テーブルとツリー属性

次の表では、テーブルとツリーのコンポーネント特有の属性の概要一覧を示しています:

Cell

テーブルセルは、テーブル行で一つの セルです。セルはテーブル使用用に効率化されています。行はどのような種類のコンポーネントも保有することはできますが、セルを使用した方がより効率的です。

次の表は cell 特有の属性の一覧と概要を示しています:

Column

テーブルのシングルコラムのプロパティを定義します。

次の表ではコラム特有の属性のリストと概要を示しています:

Row

Defines a horizontal collection of cells and other components in a table

The following table lists and provides brief descriptions of row specific attributes: 

  
Row  

横のcell集合体とテーブルの他のコンポーネントを定義します。

次の表は行特有の属性の一覧と概要を示しています: