Автозаполнение для текстового поля в Sencha Touch?

Question

Я создаю приложение поиска рейсов с помощью Sencha Touch и столкнулся с небольшой проблемой.

Я хочу создать текстовое поле для всех аэропортов, и мне нужна функция автозаполнения, чтобы пользователь мог легко выбрать аэропорт вылета и аэропорт вылета.Как я могу это реализовать?Аэропорты будут загружены через XML-схему, и я не могу найти хорошую документацию для этой функции.

Заранее спасибо!

Answer 1

Поскольку там не было пользовательских компонентов, и мне тоже нужно было что-то подобное, я разбил их вместе.

Итак, вот оно. Компонент Sencha Touch 2 для автозаполнения текстового поля: https://github.com/martintajur/sencha-touch-2-autocomplete-textfield

В настоящее время используется ответ на запрос AJAX для заполнения совпадений при автозаполнении.Он также поддерживает пользовательский ввод.

При сериализации данных формы значением этого типа ввода будет:

• идентификатор выбранного элемента, если пользователь выбралсогласованный результат автозаполнения
• набранный текст, когда пользователь не выбрал результат автозаполнения

В настоящий момент он является базовым и полностью обусловлен собственной потребностью в таком контроле.Не стесняйтесь раскошелиться, модифицировать, адаптировать.Это MIT-лицензия.

Answer 2

Я думаю, что вы должны использовать поле поиска вместо текстового поля, как предложено @ Ismailp,

Затем вы должны создать всплывающее окно (панель) в событии keyup, которое должно содержать список аэропортов.

Выполните поиск по скрытому списку папок в папке примера в загруженной структуре Sencha. Он показывает, как выполнять поиск по списку.