Ibland räcker inte en kolumn för att känna igen ett objekt. MultiColumnComboBox visar flera kolumner med en rubrikrad och söker i alla.
Varför det hjälper
- Flera kolumner i listan
- Att skriva söker i varje kolumn
- Byggd på Autocomplete
Var det passar
- Kunder med ort och id
- Produkter med kod och pris
- Anställda med avdelning
Exempel
<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")
];
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.