Стигнете по-бързо до верния отговор. Autocomplete филтрира списък, докато потребителят пише, следва стандартния шаблон за клавиатура на combobox и може да зарежда подсказки от вашия източник.
Защо помага
- Филтрира при писане
- Групи, шаблони на опции и сървърно търсене
- Пълна поддръжка на клавиатура
Къде пасва
- Търсене на клиенти и продукти
- Търсене на адрес и град
- Подсказки за тагове
Пример
<Autocomplete @bind-Value="_country" Items="_countries" Label="Country" Placeholder="Type to search" />
<span>Selected: @(_country ?? "none")</span>
@code {
private string? _country;
private readonly string[] _countries = ["Bulgaria", "Belgium", "Brazil", "Norway", "Sweden", "Denmark", "Finland", "Germany", "France", "Spain"];
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.