Пользовательский интерфейс Kendo для поля со списком Angular, фильтрация с двумя буквами иногда возвращает пустые результаты

Я заметил какое-то странное поведение при фильтрации внутри поля со списком. Ввод одной буквы срабатывает и сужает результаты, но вот что произойдет, если я наберу t, а затем tr, tra. Что может быть причиной этого?

Введено

Пустой список после ввода tr

Ожидаемые результаты снова после входа в tra

Использование возврата от tra к tr отображает правильный результат. Заметил такое поведение в некоторых других полях со списком на текущем экране. Да, это использует Kendo-UI для Angular Combobox.

<form-combobox [data]="pickListData.activityTypes"
                             valueField="code"
                             textField="codeDescription"
                             [loading]="pickListDataLoading$ | async"
                             [defaultSelected]="0"
                             [filterable]="true"
                             [ngrxFormControlState]="formState.controls.activityType"></form-combobox>

combobox filtering kendo-ui-angular2
person Karim    schedule 29.11.2019    source источник
comment
Откуда берется «form-combobox»? Библиотека, компонент и т. д.   -  person igg    schedule 11.12.2019

Ответы (1)


arrow_upward
1
arrow_downward

Используя [filterable]="true", вы заявляете, что список должен быть фильтруемым. Но на самом деле вам нужно написать такую ​​функцию, как (filterChange)="handleFilter($event)", где вы фильтруете данные из списка на основе введенного ввода.

Если вы хотите, чтобы поле со списком кендо позаботилось о фильтрации, вы можете просто использовать [kendoDropDownFilter], для которого вы можете указать настройки, например, хотите ли вы, чтобы поиск был чувствителен к регистру и другие. Ref- https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/filtering/

person Pooja Mule    schedule 13.12.2019