Альтернатива HTML-поля со списком для мобильных приложений, использующих PhoneGap

Question

Я пытаюсь написать мобильную версию нашего сайта. Это простая форма с несколькими полями, некоторые из которых представляют собой поля со списком. Я использую dojo и phonegap, чтобы попытаться создать интерфейс, который будет работать на всех мобильных устройствах.

Я столкнулся с проблемой дизайна со списками. Как с ними обращаться на мобильных девайсах? Я написал несколько js, которые отправляют пользователя на другой экран, который отображает список, и при выборе элемента списка он заполняется в текстовом поле формы. Это похоже на взлом и работает только на эмуляторе, а не на моем устройстве Android. Не работает на устройстве, потому что клавиатура всплывает, так как это текстовое поле.

Я видел, что в Dojo 1.7 будет доступно поле со списком. Я не могу ждать этого. Я просто подумал, что есть и другие более элегантные решения.

Любая помощь будет высоко ценится.

Спасибо

Answer 1

Как правило, решение для этого типа проблемы с сенсорными интерфейсами состоит в том, чтобы использовать «инструменты выбора», вы, вероятно, знакомы с таковыми на нативных устройствах iOS или Android.Я знаю, что платформы Sencha Touch и Jquery позволяют вам внедрять их в обычные веб-сайты.Использование любого из них потребует от вас добавления соответствующих файлов в ваш проект.

Чтобы увидеть пример сенсорного ввода sencha, перейдите здесь , нажмите «Интерфейс пользователя» и затем нажмите формы.Затем вы увидите форму с некоторыми записями, имеющими выпадающий значок.Нажатие на них подтянет «сборщик».Вы можете щелкнуть вверху справа для получения исходного кода.
Jquery может делать то же самое, но у меня нет опыта работы с ним.Удачи.(оба являются бесплатными решениями).

Answer 2

Мобильная версия Dojox предлагает встроенный комбинированный список, хотя я не уверен на 100%, что это то, что вы ищете.

http://livedocs.dojotoolkit.org/dojox/mobile/ComboBox