Hierarkier som är lätta att bläddra i. TreeView följer standardträdmönstret: piltangenter flyttar och fäller ut, Home och End hoppar, Enter eller mellanslag väljer.
Varför det hjälper
- Tangentbordsvänlig
- Alternativ med kryssrutor
- Laddar barn vid behov
Var det passar
- Mappar
- Kategorier
- Organisationsscheman
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.