Блог

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

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

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

Любая помощь была бы высоко оценена.

Спасибо

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

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

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

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