Компонент "Form Select"

1. Описание

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

Данный компонент присутствует в схемах типа:

  • Формы.

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

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

1.1. Блок "Form Select"

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

  1. Название компонента;

  2. Ветка "In" - принимающая (соединяющая с предыдущим блоком) ветка;

  3. Ветка "Out" - исходящая (соединяющая со следующим блоком) ветка.

При наведении на поле "Out" появляется переключатель, который позволяет соединить этот компонент с компонентом, уже имеющим соединение.

Наличие иконки  обозначает, что  переключатель включен, и данный компонент можно соединить с компонентом, уже имеющим соединение.

Смена положения переключателя  удаляет исходящую ветку этого компонента.

Кнопка  удаляет блок из схемы.

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

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

  1. Поле "Id";

  2. Элемент "View";

  3. Элемент "Options";

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

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

  6. Элемент "Limit":

  7. Элемент "Add description".

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):

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

  • поля "Key" - то, что отображается оператору;

  • поля "Value" - то, что хранится в форме;

  • Инструмента для удаления строки.

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

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

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

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

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

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

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

1.2.7. Элемент "Add description"

Рис. 4. Элемент "Add description