1. TreeGrid
TreeGridはエンティティと参照プロパティのデータを、ツリーグリッド構造で表示するための画面部品です。
定義の作成後、TopView に配置することで画面に表示できます。
2. 操作説明
MDCモジュールにおけるツリーグリッド画面の設定です。
エンティティと参照プロパティのデータをツリーグリッド形式で表示するために使用されます。 ツリーグリッドで表示されるエンティティデータの参照、編集、削除が可能です。
2.1. 画面構成
ツリーグリッドは、大きく2つの領域に分かれています。
上部の 基本機能 と下部の ツリーグリッドテーブル です。
2.2. 基本機能
基本機能 では、ツリーグリッドをより便利に活用するための操作が提供されています。
検索欄にキーワードを入力すると、現在表示されている項目の中から一致するものを検索・フィルタリングできます。
ボタンを押すと、すべての項目が閉じられ、ツリーグリッドが初期状態に戻ります。
2.3. ツリーグリッドテーブル
ツリーグリッドテーブル では、エンティティと参照プロパティのデータをツリーグリッド形式で表示します。
3. TreeGridの管理
3.1. TreeGridの作成
TreeGridアイコンを右クリックし、 TreeGridを作成する を選択します。
3.2. 設定
表示したいエンティティを Entity Items から TreeGrid Items にドラッグ&ドロップすることで、表示対象にできます。
TreeGrid ColModel 内や TreeGrid Items 内では、ドラッグ&ドロップで自由に並び替えができます。
ツリーグリッド設定
ツリーグリッドの設定を行います。
| 項目 | 内容 |
|---|---|
Show Search And Filter |
ツリーグリッドの検索とフィルタ機能を表示するかを指定します。 |
Show Collapse All |
「すべて閉じる」ボタンを表示するかを指定します。 |
Height |
ツリーグリッドの高さ（px）を設定します。 |
カラム設定
ツリーグリッドのカラムの設定を行います。
どのカラムにどのプロパティを対応させるかは TreeGrid Items に設定します。
| 項目 | 内容 |
|---|---|
Name |
カラム名を設定します。 識別名として利用されます。 |
Display Label |
ツリーグリッドのヘッダに表示される表示名を設定します。 |
Width |
列の幅を設定します。 |
Align |
ツリーグリッド内での値の配置を設定します。
|
エンティティアイテム設定
Entity Items からアイテムを表示対象エンティティ設定領域へドラッグ&ドロップすることで、ツリーグリッド上に表示するエンティティを設定します。
表示対象エンティティ設定領域内の各エンティティアイテムの編集ボタンをクリックすることで、エンティティアイテムの詳細設定が可能です。
ここで表示する参照プロパティの指定や、 TreeGrid ColModel で設定したカラムとプロパティの対応を決定します。
ツリーグリッドに表示するための共通情報を設定します。
| 項目 | 内容 |
|---|---|
Title |
タイトルをカスタマイズしたい場合に指定します。 未設定の場合はエンティティの表示名が表示されます。 |
Expand Icon Tag |
展開後、タイトルの前に表示するアイコンを設定できます。 |
Collapse Icon Tag |
閉じる後、タイトルの前に表示するアイコンを設定できます。 |
Icon Color |
|
Class |
スタイルシートのクラス名を指定します。複数指定する場合は半角スペースで区切ってください。 |
エンティティに表示と検索するための基本情報を設定します。
| 項目 | 内容 |
|---|---|
Entity |
ドラッグ&ドロップしたエンティティの定義名です。変更はできません。 |
View Name |
詳細画面表示時に利用するEntityViewのビュー名を設定します。 |
Display Item |
ツリーグリッドに表示するプロパティを選択します。 エンティティに定義されているプロパティがプルダウンに表示されます。 |
Limit Count |
エンティティで表示可能な最大件数を設定します。 |
Sort Item |
ソートに利用するプロパティを選択します。 エンティティに定義されているプロパティがプルダウンに表示されます。 |
Sort Type |
ASC, DESCを選択します。 |
Reference Property Name |
参照プロパティの定義名です。変更はできません。 |
Reference Display Name |
ツリーグリッドで参照プロパティの表示名をカスタマイズしたい場合に指定します。 デフォルトでは、参照プロパティの表示名が設定されます。 |
ドラッグ&ドロップで追加したエンティティに参照プロパティが存在する場合のみ設定可能です。 チェックを付けた参照プロパティはツリー設定に子として表示されます。 子も親となるエンティティと同様に各種設定ができます。
TreeGrid ColModel でカラムの設定を追加した場合のみ編集可能です。
ツリーグリッドの各カラムに対して、どのプロパティを表示するかをマッピングします。
Mapping Property の各セルに対して、 エンティティに定義されているプロパティがプルダウンに表示されます。
参照先エンティティのネストプロパティを設定したい場合は、完全なプロパティ名を手動で入力してください。
保存後、自動的に表示名が生成されます。
例： product.category を手入力し、保存後には、 product.category（商品.カテゴリー） に変わります。
