2012-03-01 3 views
1

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

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

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

+0

Единственное, что я могу думать состоит в том, чтобы javascript подсчитывал количество символов, а затем вручную увеличивал высоту или ширину в зависимости от количества символов в текстовом поле. Я не знаю какого-либо конкретного сенсорного решения sencha. – jb1785

+0

@ jb1785: для автоматического изменения размера, который будет работать (с несколькими проблемами для решения), но как его вручную изменить? Как типичная ручка в нижней части текстового поля в большинстве браузеров? – JohnGB

+0

В основном это зависит от браузера. Однако вы можете реализовать его самостоятельно, используя плагин. Посмотрите на этот вопрос: http://stackoverflow.com/questions/149421/implementing-a-resizable-textarea, я не знаю, насколько это вам поможет, поскольку, похоже, для этого требуется еще одна JS-инфраструктура. – jb1785

ответ

5

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

я бросил вместе быстрый образец с jsfiddle: http://jsfiddle.net/rFcUH/

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

+0

Спасибо, что нашли время, чтобы дать образец. Он работает красиво. – JohnGB