Компонент Select

Очікується оновлення документа.

Основні положення

Формат даних

Submission
Object
// Приклад: {id: 123, label: 'Label' }

API для JS вставок

Отримання опцій у JS вставках

Latest Select
// Отримати поточні опції можна через виклик getFormattedOptions()
// Це масив об'єктів типу { value: Option }, де Option - сам об'єкт опції, наприклад с API ендпоінту
const options: Array<{ value: Option }> = instance.getFormattedOptions();
Legacy Select
// Отримати поточні опції можна через параметр selectOptions
// Це масив об'єктів типу { value: Option }, де Option - сам об'єкт опції, наприклад с API ендпоінту
const options: Array<{ value: Option }> = instance.selectOptions;

Головні функції

Custom Default Value

У цій функції використовується JS вставка. Див.

Calculated Value

У цій функції використовується JS вставка. Див.

Часті сценарії використання

Вибір з API-еднпоінту

Окрема стаття

Обрати єдиний елемент по фільтру

Досить часто необхідно відфільтрувати з API один елемент та одразу обрати його. Так можно організувати сценарій однозначного вибору одного поля відповідно до значення іншого. Можна використати перевірку instance.getFormattedOptions().length === 1 - якщо у нас в списку тільки один елемент, ми одразу присвоюємо цей елемента в значення value.

Необхідно заповнити значення параметра Calculated Value таким чином:

Latest Select
if (instance.getFormattedOptions().length === 1) {
  value = instance.getFormattedOptions()[0].value;
}
Legacy Select
if (instance.selectOptions.length === 1) {
  value = instance.selectOptions[0].value;
}