Как я могу создать текстовую область изменяемого размера в Sencha Touch?

У меня есть приложение в Sencha Touch, где у меня есть текстовое поле. В Chrome размер можно изменять, но не при использовании iPhone (я не пробовал на устройстве Android).

Мне нужна область ввода текста, где люди могут вводить текст от одного-двух слов до множества предложений. Так что мне нужно это либо для автоматического изменения размера; есть способ изменить размер вручную; или какой-либо способ прокрутки внутри него.

Пока что мне не удалось сделать ничего из этого с помощью Sencha Touch. Я был бы очень признателен, если бы кто-нибудь мог указать мне на работоспособное решение. В Sencha Touch не обязательно должен быть какой-то конкретный компонент.


autoresize resize textbox sencha-touch sencha-touch-2
person JohnGB    schedule 01.03.2012    source источник
comment
Единственное, что я могу придумать, - это заставить javascript подсчитывать количество символов, а затем вручную увеличивать высоту или ширину в зависимости от количества символов в текстовом поле. Я не знаю какого-либо конкретного сенсорного решения для сенча.   -  person jb1785    schedule 02.03.2012
comment
@ jb1785: Для автоматического изменения размера это сработает (с некоторыми проблемами, которые необходимо решить), но как насчет изменения вручную? Как типичный дескриптор внизу текстового поля в большинстве браузеров?   -  person JohnGB    schedule 02.03.2012
comment
Это в основном зависит от браузера. Однако вы можете реализовать это самостоятельно, используя плагин. См. Этот вопрос: stackoverflow.com/questions/149421/ , Я не знаю, насколько это вам поможет, так как похоже, что для этого требуется еще один JS-фреймворк.   -  person jb1785    schedule 02.03.2012
comment
@ jb1785: Я бы очень хотел попытаться избежать добавления еще одного фреймворка, но, возможно, стоит попытаться скопировать способ, которым это было сделано, и реализовать его изначально.   -  person JohnGB    schedule 02.03.2012

Ответы (1)


arrow_upward
5
arrow_downward

В блоге Google Code есть сообщение, в котором объясняется, как они справились с автоматическим увеличением текстового поля в Gmail для мобильных устройств. Вот ссылка: http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series.html

Я собрал небольшой пример с jsfiddle: http://jsfiddle.net/rFcUH/

Я сделал это с Sencha Touch 1.1, хотя что-то подобное должно работать с Sencha Touch 2.

person Andrew Stevens    schedule 05.04.2012
comment
Спасибо, что нашли время дать образец. Это прекрасно работает. - person JohnGB; 12.04.2012