ツリービュー

ツリービューは階層表示するためのコンポーネントです。各階層の要素をクリックしたときにアクションを実行することができます。

ノート

• ツリービューはデスクトップアプリケーションのみで利用できるコンポーネントです。

ダイアログプロパティ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
幅	数値		222
高さ	数値		230
X	数値
Y	数値
色	文字列 カラーピッカー
フォントサイズ	数値		16
表示	真偽	• オン • オフ	オン
値	表形式 詳細1
クリックイベント	選択	• なし • アクション	なし

アクションプロパティ

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
幅	width	number		222
高さ	height	number		230
X	x	number
Y	y	number
色	color	string
フォントサイズ	fontSize	number		16
表示	visibility	boolean	• true • false	true
値	value	array of object

ノート

• [id]プロパティはアクションで設定はできません。
• [値 (value)]はid, label, children からなるオブジェクトまたはオブジェクトの配列です。
  childrenにはオブジェクトまたはオブジェクトの配列をさらに格納していきます。値は直接オブジェクトを入力します。

[詳細1] 値 (value)

[
  {
    "id": "root",
    "label": "Parent",
    "children": [
      {
        "id": "1",
        "label": "Child - 1"
      },
      {
        "id": "2",
        "label": "Child - 2",
        "children": [
          {
            "id": "2a",
            "label": "Child - 2-A"
          }
        ]
      }
    ]
  }
]

イベント

イベント名	説明
onclick	クリックした時にアクションを実行します。

[selected]プロパティによって、クリックした要素の子要素を含むオブジェクト配列が取得できます。

項目	例
取得方法	$ui.tree_view_id.selected
取得値	{“id”:“2”,“label”:“Child - 2”,“children”:[{“id”:“2a”,“label”:“Child - 2-A”}]}