スプレッドシート

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

ノート

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

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	幅	数値	850	width	number	850	コンポーネントの幅
3	高さ	数値	350	height	number	350	コンポーネントの高さ
4	X	数値		x	number		X座標位置
5	Y	数値		y	number		Y座標位置
6	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
7	メニュー	選択 1.file 2.edit 3.insert 4.format 5.data	[file, edit, insert, format, data]				メニューの表示要素
8	ツールバー	選択 1.undo 2.colors 3.decoration 4.align 5.cell 6.actions 7.lock 8.clear 9.columns 10.rows 11.format 12.file	[undo, colors, decoration, align, cell, actions, lock, clear, columns, rows, format, file]				ツールバーの表示要素
9	値			value	object		スプレッドシートの値

ノート

• サポートできるデータの目安は、行数の最大は1000、列数の最大は25です。 また、データサイズは最大6MBです。

[詳細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"
        }
    ]
}

イベント

なし