Escolher um subconjunto de uma lista longa é mais fácil com duas listas e botões para mover itens entre elas.
Por que ajuda
- Duas listas, movimento claro
- Bom para listas longas
- Simples de entender
Onde se encaixa
- Atribuir usuários a uma função
- Escolher colunas
- Selecionar produtos
Exemplo
<TransferList TItem="string" Items="_roles" @bind-Values="_chosen" Label="Roles" />
<span>Chosen: @(_chosen.Count == 0 ? "none" : string.Join(", ", _chosen))</span>
@code {
private readonly string[] _roles = ["Reader", "Editor", "Reviewer", "Publisher", "Administrator", "Auditor"];
private IReadOnlyCollection<string> _chosen = new List<string> { "Reader" };
}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.