Quand vos choix forment une hiérarchie, une liste déroulante qui ouvre un arbre convient. DropDownTree laisse les utilisateurs choisir un nœud et garde le comportement clavier de l’arbre.
Pourquoi c’est utile
- Choix dans une hiérarchie
- Compact comme une liste déroulante
- Prise en charge clavier de l’arbre
Où il trouve sa place
- Choix de catégories
- Unités d’organisation
- Dossiers
Exemple
<DropDownTree TItem="Folder" Items="SampleData.Folders" ChildrenSelector="@(f => f.Children)" ItemText="@(f => f.Name)" @bind-Value="_folder"
Label="Folder" Placeholder="Choose a folder" ExpandAll="true" />
<p>Chosen: @(_folder?.Name ?? "none")</p>
@code {
private Folder? _folder;
}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.