När dina val är en hierarki passar en rullgardin som öppnar ett träd. DropDownTree låter användare välja en nod och behåller trädets tangentbordsbeteende.
Varför det hjälper
- Val från en hierarki
- Kompakt som en rullgardin
- Trädets tangentbordsstöd
Var det passar
- Kategoriväljare
- Organisationsenheter
- Mappar
Exempel
<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;
}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.