Relselect

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

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


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

Data source - модель данных, которая будет использоваться для отображения выпадающих опций.

Mode - выбирать Multiple для возможности выбора нескольких вариантов из выпадающего списка. В противном случае, Single режим.


Настройки внешнего вида

Label (не обязательно) используется для отображения метки компонента.

Placeholder (не обязательный) - имя компонента.

Name (обязательно) - имя компонента.

Size (обязательно) - размер компонента. Устанавливается в значение Default при создании компонента.

Search (обязательно) - возможность поиска в доступных выпадающих опциях. По умолчанию выключено.

Clear icon (обязательно) - показывать значок очищенных опций, если он включен. По умолчанию выключен.

Disabled (обязательно) - делает компонент отключенным, если включен. По умолчанию выключен.

Visible (обязательно) - делает компонент видимым, если он включен. Включен по умолчанию.


Данные

Data source - Используемая модель данных. Настраивается только при создании компонента.

Label - Поля Модели данных должны быть показаны в одном выпадающем варианте.


Триггеры рабочего процесса

  • onChange - fires when the dropdown option changed.
  • onFocus - срабатывает при фокусировке компонента Relselect.
  • onBlur - срабатывает, когда компонент Relselect размывается.
  • onCreate - срабатывает при создании компонента.
  • onShow - срабатывает при отображении компонента.
  • onHide - срабатывает, когда компонент скрыт.
  • onSearch - срабатывает, когда пользователь ищет среди доступных вариантов.
  • onOpen - срабатывает при выпадающем списке.
  • onLoadAll - срабатывает, когда все опции выпадающего списка загружены.

Действия компонента

RelSelect Get Properties

Получает свойства компонента.

Входные параметры:

  • Component Id [string] - Идентификатор компонента RelSelect;

Выходные параметры:

  • Selected [Data Model type/ Data Model Array type] - выбранный(ые) вариант(ы). Отображается в бизнес-процессе только при указании идентификатора компонента.
  • Data [Data Model Array type] - массив элементов Модели данных, которые будут использоваться. Доступен в бизнес-процессе, если указан только идентификатор компонента.
  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выбор, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required Mark [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.

RelSelect Get Properties

RelSelect Set Properties

Устанавливает свойства компонента.

Входные параметры:

  • Component Id [string] - RelSelect идентификатор компонента;
  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выделение, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required Mark [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.

RelSelect Set Properties

RelSelect Update Properties

Обновляет свойства компонента.

Входные параметры:

  • Selected [Data Model type/ Data Model Array type] - выбранный(ые) вариант(ы). Будет показан в бизнес-процессе, когда Component ID указано только.
  • Data [Data Model Array type] - массив элементов модели данных, которые будут использоваться. Доступен в бизнес-процессе, когда Component ID указано только.
  • Component Id [string] - RelSelect идентификатор компонента;
  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выделение, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required Mark [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для подтверждения значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения.

RelSelect Get Properties


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

Требуется загрузить выпадающие опции с сервера, чтобы увидеть их.

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

1.Получение массива модели данных(запрос сервера GET ) при RelSelect при создании компонента (onCreate).

2.Обновить данные выпадающего списка (RelSelect Update Properties)