Når dine valg er et hierarki, passer en rulleliste, der åbner et træ. DropDownTree lader brugerne vælge ét knudepunkt og bevarer træets tastaturadfærd.
Hvorfor det hjælper
- Valg fra et hierarki
- Kompakt som en rulleliste
- Træets tastaturunderstøttelse
Hvor det passer
- Kategorivælgere
- Organisationsenheder
- 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 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.