Начальные настройки
Mode- выберите Multiple для возможности выбора нескольких вариантов из выпадающего списка. В противном случае следует использовать режим Single.
Настройки внешнего вида
Label(не обязательно) для отображения метки компонента.
Placeholder(не обязательный) используется для отображения заполнителя компонента.
Name (обязательно) - имя компонента.
Size(обязательно) - размер компонента. Устанавливается в значение Default при создании компонента.
Search(обязательно) - возможность поиска в доступных выпадающих опциях. По умолчанию выключено.
Clear icon (обязательно) - показывать значок очищенных опций, если он включен. По умолчанию выключен.
Disabled(обязательно) - делает компонент отключенным, если включен. По умолчанию выключен.
Visible(обязательно) - делает компонент видимым, если он включен. Включен по умолчанию.
Опции
Выбор опций может быть предопределен в настройках компонента.
Триггеры рабочего процесса
- onChange- срабатывает при изменении опции выпадающего списка.
- onFocus- срабатывает при фокусировке на компоненте Select.
- onBlur- срабатывает, когда компонент Select размывается.
- onCreate- срабатывает при создании компонента.
- onDestroy- срабатывает при отображении компонента.
Действия компонента
Select Get Properties
Получает свойства компонента.
Входные параметры:
- Component Id [string] - Идентификатор компонента Select;
Выходные параметры:
- Label[string] - метка компонента;
- Placeholder[string] - заполнитель компонента;
- Allow Clear [boolean] - позволяет очистить выделение, если true;
- Disable[boolean] - отключает компонент, если true;
- Tooltip[string] - строка всплывающей подсказки;
- Required Mark [boolean] - показывает требуемую метку, если true;
- Debounce (ms) [integer] - задержка для проверки значения;
- Options[Select Option array] - массив предопределенных опций выбора;
- Selected[Select Option array] - массив выбранных опций или просто массив с одним элементом в случае одиночного режима;
- Validate Icon[boolean] - значок, который будет показан при проверке значения;
- Validate Status [Status type] - статус, отображаемый при проверке значения;
- Validate Message[string] - сообщение, которое будет показано при проверке значения;
Select Set Properties
Устанавливает свойства компонента.
Входные параметры:
- Component Id [string] - Выберите идентификатор компонента;
- Label[string]- метка компонента;
- Placeholder[string] - заполнитель компонента;
- Allow Clear [boolean] - позволяет очистить выбор, если true;
- Disable[boolean] - отключает компонент, если true;
- Tooltip[string] - строка всплывающей подсказки;
- Required Mark [boolean] - показывает требуемую метку, если true;
- Debounce (ms) [integer] - задержка для проверки значения;
- Options [Select Option array] - массив предопределенных опций выбора;
- Validate Icon [boolean] - значок, который будет показан при проверке значения;
- Validate Status [Status type] - статус, отображаемый при проверке значения;
- Validate Message [string] - сообщение, которое будет показано при проверке значения;
Выберите Обновить свойства
Обновляет свойства компонента.
Входные параметры:
- Component Id [string] - Идентификатор компонента выбора;
- Label[string]- метка компонента;
- Placeholder[string] - заполнитель компонента;
- Allow Clear [boolean] - позволяет очистить выбор, если true;
- Disable[boolean] - отключает компонент, если true;
- Tooltip[string] - строка всплывающей подсказки;
- Required Mark [boolean] - показывает требуемую метку, если true;
- Debounce (ms) [integer] - задержка для проверки значения;
- Options [Select Option array] - массив предопределенных опций выбора;
- Validate Icon [boolean] - значок, который будет показан при проверке значения;
- Validate Status [Status type] - статус, отображаемый при проверке значения;
- Validate Message [string] - сообщение, которое будет показано при проверке значения;
Make Select Option
Составляет модель Select Option с заданными полями.
Входные параметры:
- ID [integer] - ID опции выбора;
- Label[string] - Выберите метку опции;
- Value[integer] - Выберите значение заказа опции в выпадающем списке;
- Icon[string] - значок, который будет использоваться в элементе Select Option;
- Disabled[boolean] - отключает опцию Select Option, если true;
Выходные параметры:
- Select Option [Select Option] - Select Option model;
Expand Select Option
Расширяет модель Select Option.
Входные параметры:
- Select Option [Select Option] - Выбрать модель опции;
Выходные параметры:
- ID [integer] - Select Option ID;
- Label[string] - Выбрать метку опции;
- Value[integer] - значение заказа опции Select Option в выпадающем списке;
- Icon[string] - значок, который будет использоваться в элементе Select Option;
- Disabled[boolean] - отключает опцию Select Option, если true;
Пример использования
Можно составлять и добавлять новые элементы Select Option в выпадающий список с помощью бизнес-процессов фронтенда.
Логика должна быть следующей:
- Составьте новый элемент Select Option с указанными полями (Make Select Option)
- Получить массив существующих элементов Select Option (Select Get Properties) и объединить его с элементом Select Option, созданным ранее (Append Array)
- Обновить массив элементов опции Select (Select Update Properties) для указанного компонента Select
