SelectorInput

Основные особенности

Поддерживает асинхронную загрузку элементов через URL (itemsUrl и valueUrl).
Можно очищать выбранное значение с помощью кнопки если включен параметр clearable.
Включает функции поиска и фильтрации для элементов выпадающего списка.
Автоматически управляет состоянием выбора элементов.
Встроенная поддержка управления состоянием через хранилище store.

Свойства

• id (string):
  ID элемента ввода, может быть использован для идентификации в форме.
• name (string):
  Имя элемента ввода, полезно при работе с формами и хранилищем.
• class (string):
  Класс для применения дополнительных стилей.
• classList (Record<string, boolean | undefined>):
  Объект для динамического управления классами.
• formId (string):
  Идентификатор формы, если этот компонент является частью формы.
• placeholder (string):
  Плейсхолдер для отображения в поле ввода, если значение не выбрано.
• clearable (boolean):
  Если true, появляется кнопка для очистки выбранного значения.
• wrappable (boolean):
  Определяет, можно ли переносить текст внутри выпадающего списка на новую строку.
• disabled (boolean):
  Отключает возможность взаимодействия с компонентом.
• forceLoading (boolean):
  Включает индикатор загрузки (например, если элементы загружаются асинхронно).
• items (SelectorInputItem[]):
  Массив элементов для выбора, которые будут отображаться в выпадающем списке.
• itemsUrl (string):
  URL для загрузки элементов асинхронно. Текст поиска будет передан как параметр.
• value (SelectorInputItem['id'] | SelectorInputItem | null):
  Выбранное значение элемента. Может быть объектом или ID элемента.
• valueUrl (string):
  URL для загрузки элемента по его ID (для асинхронной загрузки выбранного элемента).
• itemComponent (function):
  Кастомный компонент для отображения каждого элемента в выпадающем списке.
• valueComponent (function):
  Кастомный компонент для отображения выбранного элемента в поле ввода.
• onSelect (function):
  Обработчик, вызываемый при выборе элемента.
• onInput (function):
  Обработчик, вызываемый при вводе текста для фильтрации элементов.
• onTextInput (function):
  Обработчик для ввода текста в поисковое поле.
• onKeyDown (function):
  Обработчик события нажатия клавиш.
• store ([get: any, set: (field: string, value: string | number | null) => void]):
  Хранилище для управления состоянием выбора элементов.
• style (JSX.CSSProperties | string):
  Inline-стили для компонента.
• ref (Ref<SelectorInputApi>):
  Реф для доступа к методам компонента извне.