button

buttonの主な機能

• 表示条件設定
• Angular Materialのiconコンポーネントを使ったボタン
• 組込機能の呼び出し
• toggleボタン

プロパティ	内容	必須	国際化	備考
type	widgetsの種別	必須		button
kind	機能種別 [1]	必須		アプリ内でユニークな値を指定
key	Schemaの項目キー			kindがtoggleの場合、必須
dispCondition	表示条件			key1=value1,key2=value2..
title	ボタン名		対象	アイコンを使わない場合、必須
target	組込機能の対象キー			組込機能を使う場合、必須
icon	アイコン名 [2]
flex	flex定義			wrapper,section内のみ有効
color	ボタンの色			primary / accent / …
onTitle	onの時のボタン名			kindがtoggleの場合、必須
offTitle	offの時のボタン名			kindがtoggleの場合、必須

注釈

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

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

指定可能な組込機能

kind	処理内容
submit	formオブジェクトを伴って呼出し元にcallback
clear	ページを初期状態に戻す
add	array要素の追加
popup	補助入力ポップアップ

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

[
  {
    "type": "section",
    "direction": "row",
    "items": [
      {
        "type": "button",
        "title": "regist",
        "kind": "submit",
        "color": "primary"
      }
    ]
  }
]

脚注

[1]	組込機能以外のkindを指定した場合は、呼出し元にcallbackされます。

[2]	指定できるアイコン名は https://material.io/icons/ を参照してください。