Når valgene dine er et hierarki, passer en nedtrekksliste som åpner et tre. DropDownTree lar brukerne velge én node og beholder trærnes tastaturoppførsel.
Hvorfor det hjelper
- Valg fra et hierarki
- Kompakt som en nedtrekksliste
- Trærnes tastaturstøtte
Hvor det passer
- Kategorivelgere
- Organisasjonsenheter
- Mapper
Eksempel
<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;
}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.