Wenn Ihre Auswahlen eine Hierarchie sind, passt ein Dropdown, das einen Baum öffnet. DropDownTree lässt Benutzer einen Knoten wählen und behält das Tastaturverhalten des Baums.
Warum es hilft
- Wahl aus einer Hierarchie
- Kompakt wie ein Dropdown
- Tastaturunterstützung des Baums
Wo es passt
- Kategorieauswahl
- Organisationseinheiten
- Ordner
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.