Hiërarchieën die makkelijk te doorlopen zijn. TreeView volgt het standaard boompatroon: pijltoetsen bewegen en klappen uit, Home en End springen, Enter of Spatie selecteert.
Waarom het helpt
- Toetsenbordvriendelijk
- Optie voor selectievakjes
- Laadt kinderen op aanvraag
Waar het past
- Mappen
- Categorieën
- Organigrammen
Voorbeeld
<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;
}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.