Wanneer je keuzes een hiërarchie vormen, past een keuzelijst die een boom opent. DropDownTree laat gebruikers één knooppunt kiezen en behoudt het toetsenbordgedrag van de boom.
Waarom het helpt
- Kiezen uit een hiërarchie
- Compact als een keuzelijst
- Toetsenbordondersteuning van de boom
Waar het past
- Categoriekiezers
- Organisatie-eenheden
- Mappen
Voorbeeld
<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;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.