wrapper

wrapperは、widgetをグルーピングします。

sectionとの違いは、表示・非表示を切り替えるヘッダーを持っていること、および sectionもグルーピングの対象にできることです。

wrapperの主な機能

• 表示・非表示の切替
• 表示条件の設定

プロパティ	内容	必須	国際化	備考
type	widgetsの種別	必須		wrapper
dispCondition	表示条件			key1=value1,key2=value2…
title	ヘッダータイトル		対象
openLabel	開くボタンラベル		対象
closeLabel	閉じるボタン		対象
open	初期表示フラグ			true / false

注釈

表示条件(dispCondition)を設定すると、条件を満たす場合のみ表示されます。

設定の詳細は、表示条件 を参照してください。

wrapperのレイアウトサンプル:

[
  {
    "type": "wrapper",
    "title": "wrapperHeader",
    "openLabel": "open",
    "closeLabel": "close",
    "open": true,
    "items": [
      {
        "type": "input",
        "key": "firstName",
        "title": "firstName",
        "flex": "1 1 auto"
      },
      {
        "type": "input",
        "key": "lastName",
        "title": "lastName",
        "flex": "1 1 auto"
      },
      {
        "type": "input",
        "key": "age",
        "title": "age",
        "flex": "1 1 auto"
      }
    ]
  }
]