Kendo UI Auto Complete, когда пользователь не выбирает опцию из предложенных

При использовании Kendo UI Autocomplete с filter: 'contains' а также suggest: true если пользователь вводит значение, которое вызывает совпадение в середине (скажем, королевство в демонстрации), и выводит его, значение становится kingdom и не United Kingdom как и следовало ожидать. Это вызывает ошибки ввода данных. В любом случае для обеспечения желаемого поведения? Мы хотим, чтобы пользователи могли вводить что угодно, если они не могли найти какую-либо опцию, поэтому обязательное выделение не является вариантом, но мы хотим, чтобы пользователи могли выбирать выделение, как только оно будет найдено, а не текущее поведение, если на вкладке они теряют найденный выбор, если не выбирают его вручную... что-то вроде того, что они набрали значение, совпадающее с начальным (например, объединенное в демо) и выводом на табло. Матч с использованием contains вместо startsWith тоже желательно.

1 ответ

Решение

Поскольку автозаполнение пользовательского интерфейса Kendo допускает использование пользовательских значений (поведение, которое, как вы говорите, вы хотите сохранить), у виджета нет встроенного способа различать пользовательское значение и соответствие, которое вы хотите выбрать из списка. (как в примере - когда пользователь печатает "объединено" и нажимает клавишу TAB, он может просто захотеть, чтобы виджет имел значение "объединено", а не обязательно "Соединенное Королевство").

Вы можете добиться желаемого поведения, внедрив некоторый пользовательский обработчик событий "размытия" и установив в качестве значения автозаполнения значение из списка, если, например, длина списка равна 1, когда пользователь нажимает клавишу TAB, или иным образом размывает ввод виджета, например:

Модифицированный пример

Другие вопросы по тегам