A veces una columna no basta para reconocer un elemento. MultiColumnComboBox muestra varias columnas con una fila de encabezado y busca en todas.
Por qué ayuda
- Varias columnas en la lista
- Escribir busca en cada columna
- Construido sobre Autocomplete
Dónde encaja
- Clientes con ciudad e ID
- Productos con código y precio
- Empleados con departamento
Ejemplo
<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")
];
}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.