Às vezes uma coluna não basta para reconhecer um item. MultiColumnComboBox mostra várias colunas com uma linha de cabeçalho e pesquisa em todas.
Por que ajuda
- Várias colunas na lista
- Digitar pesquisa em cada coluna
- Construído sobre o Autocomplete
Onde se encaixa
- Clientes com cidade e ID
- Produtos com código e preço
- Funcionários com departamento
Exemplo
<MultiColumnComboBox TItem="Person" Items="SampleData.People" Columns="_columns" ItemText="@(p => p.Name)" @bind-Value="_person" Label="Employee" Placeholder="Search by any column" />
<p>Chosen: @(_person?.Name ?? "none")</p>
@code {
private Person? _person;
private readonly IReadOnlyList<ComboColumn<Person>> _columns =
[
new("Name", p => p.Name, "10rem"),
new("Department", p => p.Department, "8rem"),
new("Age", p => p.Age, "4rem")
];
}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.