1. Описание

Компонент предназначен для добавления в динамическое окно выпадающего списка.

Блок (Рис.1(1)) используется в поле для построения схемы. При нажатии на блок открывается панель настроек данного компонента (Рис.1(2)).

Image RemovedImage Added

Рис. 1. Компонент "Form Select"

1.1. Блок "Form Select"

Блок состоит из таких элементов:

1. Названия компонента;
2. Ветка "in" - принимающая (соединяющая с другим блоком) ветка;
3. Ветка "out" -  исходящая (соединяющая со следующим блоком) ветка.

1.2. Панель настроек "Form Select "

Состоит из таких элементов:

1. Поле "Id";
2. Элемент "View";
3. Элемент "Options";
4. Переключатель "Multiple";
5. Переключатель "Break";
6. Элемент  "Add limit".

1.2.1. Поле "Id"

В этом поле задается название* (уникальное в рамках схемы) – служебное название, не отображаемое на странице. Используется как переменный для дальнейшего доступа к значениям.

1.2.2. Элемент "View"

Предназначен для настройки отображения.

Состоит из таких полей:

1. Label;
2. Hint.

1.2.2.1. Label

В этом поле можно задать пометку.

1.2.2.2. Hint

В этом поле можно задать подсказку.

1.2.3. Элемент "Options"

Предназначен для возможности добавления вариантов в выпадающий список.

Состоит из таких элементов:

1. Options source;

2. Options input.

1.2.3.1. Options source

 В этом поле указывается тип источника опций.

На данный момент, доступен только тип "input" - ручной ввод опций.

Возможность задавать опции через переменную - на стадии разработки.

1.2.3.2. Options input

Предназначено для ручного ввода опций. 

При нажатии кнопки "Add" добавляется строка, которая состоит из(Рис.2):

Image RemovedImage Added

Рис. 2. Добавления опции

• поля "Key" - то, что отображается оператору;
• поля Value" - то, что хранится в форме;
• Инструмента для удаления строки.

1.2.4. Переключатель "Multiple"

Определяет возможность выбрать один или несколько вариантов в выпадающем списке:

Image Removed Image Added - можно выбрать только один вариант;

Image Removed Image Added - можно выбрать несколько вариантов.

1.2.5. Переключатель "Break"

1.2.6. Элемент "Add limit"

Рис. 3. Установление лимита