チェックボックス、画像、文字列などのHTMLコンテンツを含む階層リストを表示します。
折りたたみ、展開、アニメーション
TreeViewコントロールはノード操作に対応します。
- ノードの折りたたみ／展開
- すべてのノードの折りたたみ
- 自動的に折りたたみ
- クリックで展開
- 折りたたみ／展開時のアニメーション
- ドラッグ＆ドロップ
スタイルのカスタマイズ
シンプルなCSSを設定して、TreeViewのフォント、色、外観をカスタマイズしたり、ノード項目に画像を表示することもできます。
- アコーディオン：ヘッダーのCSSをカスタマイズして、アコーディオンのような外観で表示できます。
- ノードのカスタマイズ：formatItemイベントを使用してTreeViewノードに画像を追加できます。
ナビゲーションツリー
TreeViewコントロールの最も単純で一般的な使い方はナビゲーションです。コントロールの階層構造と自動検索機能により、ユーザーは必要な項目をドリルダウンして簡単に見つけることができます。selectedItemChangedプロパティを使用すると、ユーザーが新しい項目を選択したときにアクションを実行できます。
遅延読み込み
組み込みの遅延読み込み機能を使用して、大きな階層データをサポートします。プロパティを設定するだけで、ノードを展開したときに表示されるデータのみを読み込んで、Webアプリケーションの読み込み時間を削減してパフォーマンスを向上できます。
