Hierarquias fáceis de percorrer. TreeView segue o padrão de árvore: as setas movem e expandem, Home e End saltam, Enter ou Espaço seleciona.
Por que ajuda
- Amigável ao teclado
- Opção de caixas de seleção
- Carrega os filhos sob demanda
Onde se encaixa
- Pastas
- Categorias
- Organogramas
Exemplo
<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;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.