Jerarquías fáciles de recorrer. TreeView sigue el patrón estándar de árbol: las flechas mueven y expanden, Inicio y Fin saltan, Intro o Espacio selecciona.
Por qué ayuda
- Cómodo con teclado
- Opción de casillas
- Carga los hijos a petición
Dónde encaja
- Carpetas
- Categorías
- Organigramas
Ejemplo
<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;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.