Автор: k2admin

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

Изменение размера текстовой области будет происходить с помощью JQuery скрипта. Для реализации нам достаточно на View cоздать DataLabel, например с именем «dlResizeJS», выбрать опцию Literal.

В Expression создаем два выражения:

1. Первая переменная, например с именем «exp Resize TextArea» и записываем в нее наш скрипт, который отвечает за изменение размеров всех TextArea на форме:

2. Вторую переменную создаем, например с именем «exp Dynamic TextAreaSize» и также записываем в нее наш скрипт. Эта переменная отвечает за изменение размера TextArea в соответствии с введенными данными пользователя в него:

Поля Expression оставляем пустыми

Дальше создадим правило, в котором при инициализации необходимо вызвать скрипт. Для этого в него добавим два правила «transfer data»:

и в первый “configure” передадим «exp Resize TextArea» из вкладки Expression в DataLabel «dlResizeJS»:

Во второй “configure” передадим «exp Dynamic TextAreaSize» из вкладки Expression тоже в DataLabel «dlResizeJS»:

Таким образом скрипты будут выполняться последовательно.

 

Коротко про скрипт:

Скрипт проверяет длину и устанавливает высоту текстовой области.  Также отслеживает нажатия клавиш на клавиатуре. Таким образом после удаления строк текста высота текстовой области уменьшается  в зависимости от количества удаленных строк.

В этой статье описывается простой способ перевода текста в K2 Smartforms используя один из самых распространенных инструментариев перевода — Google Cloud Translate API. Это вовсе не означает, что это решение ограничено именно данным API. Можна использовать любое API всего лишь модифицировав очень простой JS скрипт (скачать).
Ниже приведено наглядное видео, как работает данный скрипт в K2 Smartforms.

Для удобства в конце статьи приведена ссылка для скачивания архива, который состоит из K2 пакета с уже интегрированным скриптом и отдельным файлом скрипта. Все что необходимо сделать — это добавить в параметр одной из View — BlogPost.ItemView свой API KEY от Google Cloud Translate API, а именно в pGoogleCloudTranslationAPIKey. По умолчанию параметры исходного и целевого языка установлены в en(English) и es(Spanish) соответсвенно. Языки можна поменять в параметрах  или просто задав значения параметров в URL. Коды языков должны из списка поддерживаемых этой API.

Для тестирования Вы можете запустить форму — BlogPost.Form.

В итоге получим пустую форму

Вам необходимо ввести любой текст в Title или Text  и кликнуть вне этого поля. По этому событию сработает правило запуска скрипта и текст будет переведен в параллельном контроле.

Спасибо за внимание.

скачать

За более детальной информацией обращайтесь по адресу — info@neentech.com