Hierarkier, der er nemme at gennemse. TreeView følger standardtræmønsteret: piletaster flytter og folder ud, Home og End hopper, Enter eller mellemrum vælger.
Hvorfor det hjælper
- Tastaturvenlig
- Mulighed for afkrydsningsfelter
- Indlæser børn efter behov
Hvor det passer
- Mapper
- Kategorier
- Organisationsdiagrammer
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.