Select

Нажмите, чтобы скопировать

Выберите компонент для выбора предопределенных параметров.


Начальные настройки

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 Get Properties

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] - сообщение, которое будет показано при проверке значения;

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] - сообщение, которое будет показано при проверке значения;

Select Update Properties

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;

Make Select Option

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;

Expand Select Option


Пример использования

Можно составлять и добавлять новые элементы Select Option в выпадающий список с помощью бизнес-процессов фронтенда.

Логика должна быть следующей:

  • Составьте новый элемент Select Option с указанными полями (Make Select Option)

  • Получить массив существующих элементов Select Option (Select Get Properties) и объединить его с элементом Select Option, созданным ранее (Append Array)

  • Обновить массив элементов опции Select (Select Update Properties) для указанного компонента Select