スプレッドシート

スプレッドシートは表形式データを入力する高機能なコンポーネントです。入力値はアクションでオブジェクト形式で取得できます。

Tips

スプレッドシートはデスクトップアプリケーションのみで利用できるコンポーネントです
スプレッドシートの値はオブジェクト全体をJSON.stringify()でJSON文字列に変換して一括で管理することを推奨します。
スプレッドシートの値には、選択中のシートの情報まではデータ保存されません。
そのため、取得した値をスプレッドシートに設定しても、常に先頭のシートが選択状態になります。
セルに日本語入力する際は、セル編集モードにしてから入力をしてください。
Enter入力、文字入力、ダブルクリックをすると編集モードに入ります。
セル編集モード前に日本語入力を行おうとすると、最初の文字がアルファベットとなります。

プロパティ

UIダイアログ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
幅	数値		850
高さ	数値		350
X	数値
Y	数値
値	-
表示	真偽	オンオフ	オン

アクション

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
幅	width	number		850
高さ	height	number		350
X	x	number
Y	y	number
値	value	object
表示	visibility	boolean	true false	true

[詳細1]値 (value)の例

{
    "sheets": [
        {
            "name": "sheet1",
            "data": [
                {
                    "cell": "A1",
                    "css": "dhx_generated_class_u1684485452487"
                },
                {
                    "cell": "B1",
                    "css": "dhx_generated_class_u1684485452487",
                    "format": "common",
                    "value": "Aコ―ス"
                },
                {
                    "cell": "C1",
                    "css": "dhx_generated_class_u1684485452487",
                    "format": "common",
                    "value": "Bコ―ス"
                },
                {
                    "cell": "D1",
                    "css": "dhx_generated_class_u1684485452487",
                    "format": "common",
                    "value": "Cコ―ス"
                },
                {
                    "cell": "A2",
                    "format": "common",
                    "value": "月額"
                },
                {
                    "cell": "B2",
                    "format": "common",
                    "value": 1000
                },
                {
                    "cell": "C2",
                    "format": "common",
                    "value": 1200
                },
                {
                    "cell": "D2",
                    "format": "common",
                    "value": 1500
                },
                {
                    "cell": "A3",
                    "format": "common",
                    "value": "年額"
                },
                {
                    "cell": "B3",
                    "format": "common",
                    "value": 10000
                },
                {
                    "cell": "C3",
                    "format": "common",
                    "value": 120000
                },
                {
                    "cell": "D3",
                    "format": "common",
                    "value": 15000
                }
            ],
            "cols": [
                {
                    "width": 120
                },
                {
                    "width": 120
                },
                {
                    "width": 120
                },
                {
                    "width": 120
                }
            ],
            "rows": [
                {
                    "height": 32
                },
                {
                    "height": 32
                },
                {
                    "height": 32
                }
            ]
        }
    ],
    "styles": {
        "dhx_generated_class_u1684485452487": {
            "background": "#D4DAE4"
        }
    },
    "formats": [
        {
            "name": "Common",
            "id": "common",
            "mask": "",
            "example": "1500.31"
        },
        {
            "name": "Number",
            "id": "number",
            "mask": "#,##0.00",
            "example": "1500.31"
        },
        {
            "name": "Percent",
            "id": "percent",
            "mask": "#,##0.00%",
            "example": "15.0031"
        },
        {
            "name": "Currency",
            "id": "currency",
            "mask": "$#,##0.00",
            "example": "1500.31"
        },
        {
            "name": "Date",
            "id": "date",
            "mask": "mm-dd-yy",
            "example": "44490",
            "dateFormat": "%d/%m/%Y"
        },
        {
            "name": "Time",
            "id": "time",
            "mask": "h:mm:ss am/pm",
            "example": "0.5625",
            "timeFormat": 12
        },
        {
            "name": "Text",
            "id": "text",
            "mask": "@",
            "example": "some text"
        }
    ]
}

イベント

なし