Hierarchien, die sich leicht durchsuchen lassen. TreeView folgt dem Standard-Baummuster: Pfeiltasten bewegen und klappen auf, Pos1 und Ende springen, Enter oder Leertaste wählt.
Warum es hilft
- Tastaturfreundlich
- Option für Kontrollkästchen
- Lädt Kinder bei Bedarf
Wo es passt
- Ordner
- Kategorien
- Organigramme
Beispiel
<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;
}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.