FlexGrid は、それぞれの項目がサブ項目のリストから成る階層化データをサポートします。階層化データソースを保持するツリービューとして FlexGrid を使用するには、ChildItemsPath プロパティを子要素を含むデータ要素の名前に設定します。これでデータが自動的にスキャンされて、FlexGrid にツリーが構築されます。
次の例では、ASP.NET MVC プロジェクトのサンプルフォルダ構造を使用します。ChildItemsPath プロパティに任意のフォルダのパスを提供することで、そのフォルダのツリービュー構造を表示できます。
次の図は、ChildItemsPath プロパティを設定した後の FlexGrid を示しています。
次のコード例は、FlexGrid でツリービューを有効にする方法を示します。
モデルの追加
- ［モデル］フォルダに新しいクラスを追加します（例：
TreeItem.cs）。新しいモデルの追加方法については、「コントロールの追加」を参照してください。 - 次のコードを新しいモデルに追加して、サンプルフォルダのツリービュー構造を定義します。
TreeItem.cs コードのコピーType your example code here. It will be automatically colorized when you switch to Preview or build the help system.
コントローラーおよびビューの追加
コントローラーのコード
| C# |
コードのコピー
|
|---|---|
Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.
|
|
ビューのコード
| HTML |
コードのコピー
|
|---|---|
Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.
|
|