SpreadJS製品ヘルプ
チェックボックス型セル
機能 > セル > セル型 > チェックボックス型セル

チェックボックス型セルを使用すると、セル内にチェックボックスを表示できます。 チェックボックス型セルは、3つの状態(チェック、未チェック、中間状態)のいずれかを表すことのできる小さなチェックボックスを表示します。 テキストを設定して、チェックボックスをカスタマイズできます。

2状態(チェック、未チェック)ではなく3状態のチェックボックスを表示するには、isThreeStateメソッドをtrueに設定します。 textAlignメソッドを使用すると、チェックボックスおよびテキストの配置を指定することもできます。

次の表のように、valueメソッドを使用して、コードでチェックボックスの状態を変更することができます。

状態
null Indeterminate
0 Unchecked
1 Checked

チェックボックスのサイズを変更するには、boxSize() メソッドを使用できます。boxSize() メソッドの値を、任意の数値または「auto」に設定できます。本メソッドで不正な値が指定された場合、チェックボックスのサイズは変更されません。チェックボックスの標準サイズは12*12ピクセルです。

コードの使用

次のサンプルコードは、3状態のチェックボックス型セルを作成します。

JavaScript
コードのコピー

// activeSheetを取得します。
var activeSheet = spread.getSheet(0);
var cellType = new GC.Spread.Sheets.CellTypes.CheckBox();
cellType.caption("caption");
cellType.textTrue("True");
cellType.textFalse("False");
cellType.textIndeterminate("Indeterminate");
cellType.textAlign(GC.Spread.Sheets.CellTypes.CheckBoxTextAlign.bottom);
cellType.isThreeState(true);
cellType.boxSize(20);
activeSheet.getCell(1, 1).cellType(cellType);
//activeSheet.getCell(1, 1).value(1);   
関連トピック