TemplateForms

Материал из RunaWFE
Версия от 11:35, 26 декабря 2020; WikiSysop (обсуждение | вклад) (1 версия импортирована)
Перейти к навигации Перейти к поиску

Шаблонные формы

Версия 4.6.0

© 2015-2023, ООО "Процессные технологии"


# Общее описание

Формы в DevStudio могут быть созданы с помощью графического редактора на основе встроенного браузера и текстового WYSIWYG редактора CKEditor4, а также с применением шаблонов - т.н. шаблонные формы Quick (формы на основе FTL шаблона). Если в первом случае пользователь сам строит разметку HTML (+ Freemarker) и ему доступно большое количество компонентов для работы с данными, то во втором - используются предопределенные шаблоны и только два компонента ( "Ввод переменной", "Отображение переменной")


# Создание формы

Процесс создания шаблонной формы выглядит следующим образом.

Выделите элемент на графе и выберите пункт "Формы"->"Создать форму"

Quick form1.png


Далее выберите тип формы - "Шаблонная форма"

Quick form2.png


# Ввод/вывода переменных

Добавьте в форму переменные. Для этого нажмите "Добавить",

Quick form5.png

выберите переменную и вариант ее использования - ввод или вывод

Quick form6.png


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

Quick form7.png

Отметьте галочками переменные, которые хотите добавить на форму, а также выберите вариант их использования. Для выбора всех переменных используйте - "Выделить все"

Quick form8.png


Порядок переменных на форме можно менять с помощью кнопок "Вверх"/"Вниз". Для удаления используйте кнопку "Удалить", соответственно для изменения варианта использования - "Изменить".

Quick form9.png


# Описание предопределенных шаблонов

Выберите один из доступных предопределенных шаблонов отображения

Quick form3.png


# Шаблон "table2ColumnsProcessLayout.ftl.template"

"Таблица с 2-мя колонками: название переменной (с описанием) = значение"

В случае выбора данного шаблона информация на форме будет представлена в виде таблицы с двумя колонками - "Название переменной"= значение". Рядом с названием переменной размещается иконка со всплывающей подсказкой, содержащей описание переменной.

Дополнительно может быть задана следующая информация.

  • название процесса
  • заголовок задания
  • замечания к форме

Quick form4.png

На рисунке ниже показан вид формы на базе данного шаблона

Quick form10.png


# Шаблон "table2ColumnsLayout.ftl.template"

В отличие от предыдущего шаблона, здесь отсутствует отображение описания переменных в виде всплывающих подсказок, а дополнительно может быть задан только заголовок задания (название процесса и замечания к форме отсутствуют)

На рисунке ниже показан вид формы на базе данного шаблона

Quick form11.png


# Шаблон "divContainerLayout.ftl.template"

Шаблон для демо-процессов - информация отображается в DIV контейнере (а не в таблице как в случае предыдущих шаблонов), не содержит параметров для ввода дополнительной информации.

На рисунке ниже показан вид формы на базе данного шаблона.

Quick form12.png


# Конвертирование в произвольную форму

Шаблонную форму можно конвертировать в произвольную. Для этого откройте форму и выберите "Конвертирование". Отмена или обратное конвертирование невозможно.

Quick form13.png