Поле за търсене, което изглежда и се държи така, както хората очакват: иконка, бутон за изчистване и ваше собствено действие за търсене при натискане на Enter.
Защо помага
- Вградени иконка и бутон за изчистване
- Търсене при Enter, изчистване или докато се пише
- Пасва на заглавия и ленти с инструменти
Къде пасва
- Търсене в сайт и таблици
- Филтри на списъци
- Търсене на команди и помощ
Пример
<SearchBox @bind-Value="_query" Label="Search (Enter to run)" Placeholder="Type and press Enter" OnSearch="OnSearch" />
<SearchBox @bind-Value="_live" Label="Search as you type" Placeholder="Filter" SearchOnInput="true" OnSearch="@(q => _hits++)" />
<span>Last search: @(_last ?? "none"), live events: @_hits</span>
@code {
private string? _query;
private string? _live;
private string? _last;
private int _hits;
private void OnSearch(string? query) => _last = query;
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.