プロパティ

メソッド

イベント

サンプル

▪スタイルを利用した表示形式

：　AddStyle / SetDefaultStyle

▪セルプロパティを直接指定する方法  

：　SetCellProperty / GetCellProperty

▪AddStyle

--- スタイルを定義します。各スタイルには一意のスタイル名がつきます。

▪SetDefaultStyle  

--- AddStyleで定義したスタイルを各列に割り当てます。

1)

スタイルを設定する列数（行数）を指定

SetDefaultStyleメソッドでスタイルを設定する列数（行数）をあらかじめ用意します。

例えば、列に対してスタイルを設定する場合、その列数をColsプロパティで指定します。またこの場合、スタイルは追加される行に対して適用されるため、Rowsプロパティは0を指定します。

2)

スタイルの定義
スタイルとは、あるセル範囲単位（行ごと、列ごとなど）でセルプロパティを事前に定義したものです。スタイルを定義するには、AddStyleメソッドを利用します。

	this.AddStyle(
		c("styleLabel"     , "CellType:label"),	
		c("styleEdit"      , "CellType:edit"),
		c("styleMeter"     , "CellType:meter"),
		c("styleLamp"      , "CellType:lamp"),
		c("styleSwitch"    , "CellType:switch"),
		c("styleButton"    , "CellType:button", "TextColor:@TextColor"),
		c("styleSideButton", "CellType:sidebutton"),
		c("styleCombo"     , "CellType:combo", "ComboType:DROPDOWNLIST", "TextList:data1"+::RET()+"data2"+::RET()+"data3"),
		c("styleImage"     , "CellType:image", "File:" + "image.png"),
		c("styleFill1"     , "FillColor:#000000", "TextColor:@SelectColor"),
		c("styleFill2"     , "FillColor:#000000", "TextColor:#FFFFFF")
	);	

3)

列ごと（行ごと）のスタイルを設定

ここでは、列ごと（行ごと）のスタイルを設定する方法を説明します。SetDefaultStyleメソッドを利用して、事前に定義していたスタイルを行ごとに設定します。

	this.SetDefaultStyle("col",
 		c(
			"styleLabel, styleFill1", 
			"styleEdit, styleFill2", 
			"styleMeter, styleFill1", 
			"styleLamp, styleFill1", 
			"styleSwitch, styleFill1", 
			"styleButton", 
			"styleSideButton, styleFill2", 
			"styleCombo, styleFill2", 
			"styleImage", 
			"styleLabel, styleFill1"
		)
        );	

SetDefaultStyle メソッドでは、第2パラメータの配列に列ごとのスタイルを指定します。

各列のスタイル名には、複数のスタイル名をカンマ区切りで指定が可能です。

4)

行（列）を追加
AddRowメソッドで追加したい行数分追加します。

	this.AddRow(10);

5)

列の幅を指定
SetColWidthメソッドで列ごとの幅を設定します。

	this.SetColWidth(0, c(70, 70, 100, 50, 50, 100, 100, 100, 80, 500));

6)

ヘッダ、および各セルへデータを設定
SetData / SetTableData / SetColData / SetRowData でヘッダ、および各セルへデータを設定します。

        this.SetRowData(-1, c("label", "edit", "meter", "lamp", "switch", "button", "sidebutton", "combo", "image"), F);

前述の説明ではスタイルの設定は列ごとに行いましたが、行ごと（もしくは全体）にスタイルを設定することも可能です。

1)

表示するグリッド数（行数、列数）を指定
以下は、10行5列の表を作成します。

	this.Rows = 10;
	this.Cols = 5;

2)

セルプロパティを設定
SetCellProperty メソッドでセルのプロパティを設定します。SetCellProperty メソッドの第1パラメータで "all"(全て) / "col"(列) / "row"(行) / "cell"(セル) / "range"(範囲) を指定し、その範囲に適用するセルプロパティを設定します。

	this.SetCellProperty( "all",c("CellType:label", "FillColor:#FFFFFF", "TextAlignX:RIGHT"));
	this.SetCellProperty( "cell",c("CellType:lamp", "Shape:CIRCLE", "OnColor:#FF0000", "OffColor:#00FF00"),3,1);

3)

列の幅を指定
SetColWidthメソッドで列ごとの幅を設定します。スタイルの場合と同様で設定します。
 

4)

ヘッダ、および各セルへデータを設定
SetData / SetTableData / SetColData / SetRowData でヘッダ、および各セルへデータを設定します。スタイルの場合と同様で設定します。
 

個別にプロパティを指定する表示形式では、セルプロパティを設定後に新たに行、および列を追加した場合の追加セルはセルプロパティが設定されていない状態です。その為、追加セルに対して新たにセルプロパティを設定する必要があります。

キー操作

効果

Ctrl+C

選択している範囲をコピーする。

Ctrl+X

選択している範囲をカットする。

Ctrl+P

現在のカーソル位置に貼り付けする。

DEL

選択している範囲のデータをクリアする。

Enter

エディットを開始する（セルタイプがエディットボックスの場合のみ）。エディットを終了するときは再びEnterキーを押します。

F2

Enterキーと同様にエディットを開始する。（セルタイプがエディットボックスの場合のみ。）

Space

スイッチの値を切り替える（セルタイプがスイッチの場合のみ）。

↑

カーソルを下に移動する。

↓

画像ファイルを表示するとき使用します。

←

カーソルを左に移動する。

→

カーソルを右に移動する。

Shift + ↑

選択範囲を上に広げる。

Shift + ↓

選択範囲を下に広げる。

Shift + ←

選択範囲を左に広げる。

Shift + →

選択範囲を右に広げる。