MultiColumnComboBox

Понякога една колона не е достатъчна, за да разпознаеш елемент. MultiColumnComboBox показва няколко колони със заглавен ред и търси във всички.

Защо помага

• Няколко колони в списъка
• Писането търси във всяка колона
• Изграден върху Autocomplete

Къде пасва

• Клиенти с град и номер
• Продукти с код и цена
• Служители с отдел

Пример

<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")
    ];
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация