概要

ツリービューを表示します。

  • 分類 : コンポーネント
  • スクリーンショット
    • withT="true"、withRoot="true"
      screenshot.png
    • withT="false"、withRoot="true"
      screenshot2.png
    • withT="true"、withRoot="false"
      screenshot3.png
  • タグの記述例
      1
      2
      3
      4
      5
      6
      7
      8
      9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
    
    <treeview name="myTreeView" 
              top="270" 
              left="10" 
              width="200" 
              height="200" 
              tabIndex="0"
    >
      <treeNode name="root" sText="ルート">
        <treeNode name="node1" sText="ノード1">
          <treeNode name="node" sText="ノード1_1"/>
          <treeNode name="node" sText="ノード1_2"/>
        </treeNode>
        <treeNode name="node2" sText="ノード2">
          <treeNode name="node2_1" sText="ノード2_1"/>
          <treeNode name="node2_2" sText="ノード2_2">
            <treeNode name="node2_1_1" sText="ノード2_1_1"/>
            <treeNode name="node2_1_2" sText="ノード2_1_2"/>
            <treeNode name="node2_1_3" sText="ノード2_1_3"/>
          </treeNode>
        </treeNode>
        <treeNode name="node3" sText="ノード3"/>
      </treeNode>
    </treeview>

treeview

レイアウト

  • 属性一覧
属性名概要必須形式デフォルト値
nameGUIオブジェクト名string
top左上のy座標number
left左上のx座標number
widthツリー全体の横幅number0
heightツリー全体の縦幅number0
draggableマウスによるツリー移動を有効にするフラグ

true : 有効
false : 無効
booleanfalse
autoResizableH親要素の表示可能領域の縦幅に合わせて自動調整する機能を有効にするフラグ

true : 有効
false : 無効
booleanfalse
autoResizableW親要素の表示可能領域の横幅に合わせて自動調整する機能を有効にするフラグ

true : 有効
false : 無効
booleanfalse
boolSelActive選択されたノードの表示スタイルを設定するフラグ

true : 太字表示
false : 通常表示
booleantrue
withTノード間の点線表示を有効にするフラグ

true : 点線表示
false : 点線非表示
booleantrue
withRootルートノード表示を有効にするフラグ

true : 有効
false : 無効
booleantrue
draggableNodeノードの移動を有効にするフラグ

true : 有効
false : 無効
booleanfalse
tabIndexタブキーを押したときにフォーカスが移動する順番numberなし
  • 子要素一覧
要素名概要繰り返し
treeNodeツリーノード。
ツリーのルートノードとなる。
0..1
  • イベント一覧
イベント名概要発生箇所発生タイミング
onclickクリック時treeviewonclick

データバインド

  • データ取得メソッド
メソッド名処理概要返却値説明
デフォルトツリーノードの情報を全て取得するobject[]
stringツリーノードのnameプロパティ
stringツリーノードのsTextプロパティ
string親のツリーノードのnameプロパティ
  • データ設定メソッド
メソッド名処理概要パラメータ説明
デフォルトツリーノードを再作成するparamobject[]
namestringツリーノードのnameプロパティ
textstringツリーノードのsTextプロパティ
parentstring親のツリーノードのnameプロパティ

treeNode

レイアウト

  • 属性一覧
属性名概要必須形式デフォルト値
nameGUIオブジェクト名string
sTextノードの表示名string
sIconノードが閉じたときに表示するアイコン画像のパスstring"images/imTreeview/pict_synthetic_off.gif"
sIcon2ノードが開いたときに表示するアイコン画像のパスstring"images/imTreeview/pict_synthetic_off.gif"
open初期表示でのノードの状態のフラグ

true : 開いている
false : 閉じている
booleantrue
onclickノードに対してクリックした時の動作を定義するstring
  • 子要素一覧
要素名概要繰り返し
treeNodeツリーノード0..*
  • イベント一覧: なし