戻る

JSONによるレイアウト定義

"layouts": [
	{
		"name": "ページ１",
		"type": "partition",
		"class": "two-column",	// 列数など、カスタムcssを使用する場合は、そのクラスも足す
		"width": "800px",	// 幅の指定をしないなら"auto"
		"table": "EMPTEST",	// このパーティションの項目が参照するテーブル名
		"children": [
			{
				"label": "従業員番号",
				"type": "column",
				"name": "empno",
				"required": true,
				"tabindex": 1,
			},
			{
				"label": "名前",
				"type": "column",
				"name": "SDNAME",
				"required": true,
				"tabindex": 2,
			},
			{
				"label": "English name",
				"type": "column",
				"name": "ename",
				"required": false,
				"tabindex": 3,
			},
			{
				"label": "職種",
				"type": "column",
				"name": "job",
				"required": false,
				"tabindex": 4,
			},
			{
				"label": "上司の従業員番号",
				"type": "column",
				"name": "mgr",
				"required": false,
				"tabindex": 5,
			}
		]
	},
	{
		"name": "ページ２",
		"type": "partition",
		"class": "two-column",	// 列数など、カスタムcssを使用する場合は、そのクラスも足す
		"width": "800px",		// 幅の指定をしないなら"auto"
		"table": "EMPTEST",		// このパーティションの項目が参照するテーブル名
		"open": true,			// sd3-pageでは無視される。
		"savable": true,		// sd3-pageでは最終ページのみ有効
		"insertable": true,		// sd3-pageでは無視される。
		"deletable": true,		// sd3-pageでは無視される。
		"children": [
			{
				"label": "入社日",
				"type": "column",
				"name": "hiredate",
				"required": false,
				"tabindex": 6,
			},
			{
				"label": "部署コード",
				"type": "column",
				"name": "deptno",
				"required": false,
				"tabindex": 7,
			},
		]
	},
	{
		"name": "ページ３",
		"type": "partition",
		"class": "two-column",	// 列数など、カスタムcssを使用する場合は、そのクラスも足す
		"width": "800px",		// 幅の指定をしないなら"auto"
		"table": "EMPTEST",		// このパーティションの項目が参照するテーブル名
		"open": true,			// sd3-pageでは無視される。
		"savable": true,		// sd3-pageでは最終ページのみ有効
		"insertable": true,		// sd3-pageでは無視される。
		"deletable": true,		// sd3-pageでは無視される。
		"children": [
			{
				"label": "給与",
				"type": "column",
				"name": "sal",
				"required": false,
				"tabindex": 8,
			},
			{
				"label": "歩合給",
				"type": "column",
				"name": "comm",
				"required": false,
				"tabindex": 9,
			},
		]
	}
]