Quando suas opções formam uma hierarquia, uma lista suspensa que abre uma árvore é o ideal. DropDownTree deixa os usuários escolherem um nó e mantém o comportamento de teclado da árvore.
Por que ajuda
- Escolha em uma hierarquia
- Compacto como uma lista suspensa
- Suporte de teclado da árvore
Onde se encaixa
- Seletores de categoria
- Unidades da organização
- Pastas
Exemplo
<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;
}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.