Hopp til innholdet
NAVIGASJON · FREE

TreeView

Hierarkier som er enkle å bla i med tastatur eller mus.

Hierarkier som er lette å bla i. TreeView følger standard tremønster: piltaster flytter og utvider, Home og End hopper, Enter eller mellomrom velger.

Hvorfor det hjelper

  • Tastaturvennlig
  • Alternativ med avkrysningsbokser
  • Laster barn ved behov

Hvor det passer

  • Mapper
  • Kategorier
  • Organisasjonskart
Kontrollen TreeView på en RayCraft-side

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon