ツリービュー

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

Tips

Tips

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

プロパティ

UIダイアログ

項目	入力値	オプション	デフォルト値
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

Tips

Tips

• [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”}]}