Блог

У меня проблема с типом блейзора. Я использовал Blazor typeahead в качестве поля поиска, которое также действует как выпадающий список с возможностью поиска. Всякий раз, когда я что-то набираю в поле заголовка типа, он выполняет соответствующий поиск, но основная проблема возникает всякий раз, когда я очищаю текстовое поле с помощью backspace (или выделяя весь текст и нажимая backspace), он не отображает весь предыдущий доступный список, это означает, что метод поиска не вызывается после последнего пробела.

Изначально это было похоже:

После поиска чего-либо и очистки текста, поданного с помощью backspace, он не отображает весь предыдущий список:

Мой код выглядит следующим образом,

      <BlazoredTypeahead SearchMethod="SearchDistributor"
                   @bind-Value="createAccountModel.Region"
                   EnableDropDown="true"
                   ShowDropDownOnFocus="true"
                   MinimumLength="0"
                   placeholder="Search by distributor name" class="form-control">
    <SelectedTemplate Context="RegionVm">
        @RegionVm.Name
    </SelectedTemplate>
    <ResultTemplate Context="RegionVm">
        @RegionVm.Name
    </ResultTemplate>                                   
</BlazoredTypeahead>

private async Task<IEnumerable<RegionVm>> SearchDistributor(string searchText)
{
    return await Task.FromResult(regions.Where(x => 
  x.Name.Trim().ToLower().Contains(searchText.Trim().ToLower())).ToList());
}
 

Blazored Typeahead имеет параметр MinimumLength со значением по умолчанию 1.

Если вы хотите, чтобы он искал нулевую длину, попробуйте установить значение MinimumLength равным 0