Des hiérarchies faciles à parcourir. TreeView suit le modèle d’arbre standard : les flèches déplacent et développent, Début et Fin sautent, Entrée ou Espace sélectionne.
Pourquoi c’est utile
- Adapté au clavier
- Option de cases à cocher
- Charge les enfants à la demande
Où il trouve sa place
- Dossiers
- Catégories
- Organigrammes
Exemple
<TreeView Items="SampleData.Folders" ChildrenSelector="@(f => f.Children)" ItemText="@(f => f.Name)"
@bind-SelectedItem="_selected" Label="Folders" />
<p>Selected: @(_selected?.Name ?? "none") (use the arrow keys, Enter, Home and End)</p>
@code {
private Folder? _selected;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.