社名変更のお知らせ  /  価格改定のお知らせ
  • 公式アカウント

TreeView for Blazorは、階層的なデータをツリーとして視覚化し、選択するためのツリービューを提供します。データバインディング、単一もしくは複数項目の選択、表示のカスタマイズが行えます。テキスト、画像、接続線によるノードのカスタマイズ、インタラクティブなノードの選択、拡張、折りたたみをサポートしています。

オンラインデモ

TreeViewをはじめ、Blazor用コンポーネントのさまざまな機能をお試しいただけます。一覧からコンポーネントを選択して、各機能の動作やソースコードを確認できます。

デモを見る

複数の選択モード

マウスまたはマウスとキーボードの組み合わせだけで、複数のアイテムの選択を実施することができます。

ノードの拡張とアイコンのカスタマイズ

ノードには、画像やテキストなど、あらゆるHTML要素を含めることができます。アイコンのスタイルをカスタマイズして、矢印や「+」「-」ボタンを表示することができます。また、接続線を表示してWindowsのツリービューのようにすることもできます。一度に1つのアイテムを展開したり、親が展開されたときにすべての子アイテムを展開するようにも設定できます。

キーボードによるナビゲーションと検索

カーソルキーを使ってノードを拡大・縮小しながら移動したり、特定のノードを探すための検索機能を実装することができます。

スタイルのカスタマイズ

外観をCSSでカスタマイズすることができます。各ノードにボーダーを追加したりアコーディオンのように見えるようにカスタマイズすることができます。