Начальные настройки
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 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 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] - сообщение, которое будет показано при проверке значения.
Пример использования
Требуется загрузить выпадающие опции с сервера, чтобы увидеть их.
Логика должна быть следующей:
1.Получение массива модели данных (запрос сервера GET ) при RelSelect при создании компонента ( onCreate).
2.Обновить данные выпадающего списка ( RelSelect Update Properties)
