Class: Конструктор класса DropDown

Конструктор класса DropDown(options)

Конструктор принимает объект и рендерит селект.
Parameters:
Name Type Description
options object Объект принимающий настройки селекта
Source:
Example
options = {
      selector: 'Уникальный селектор',
      selected: 'Выбранный элемент',
      placeholder: '...',
      items: [string|number|object],
      darkTheme: true/false,
      searchMode: true/false,
      closeOnSelect:  true/false,
      lenguage: 'ru/en',
      styles: {
        head: {
          background: '...',
        },
        list: {...},
        chips: {...},
        caret: {...},
        placeholder: {...},
        lable: {..},
      },
      event: '...',
      url: 'http/...',
      multiselect: true/false,
      multiselectTag: true/false,
}

Описание всех параметров селекта

  • selector - *обязательный параметр(индефикатор), который задаеться при создании селекта.
  • selected - необязательный параметр, в который передается элемент который будет выбран изначально в селекте.
  • placeholder - необязательный параметр, в который передается текст плейсхолдера селекта.
  • items - *обязательный параметр(эсли не указан другой способ получения данных (url)), это массив елементов, которые будут отображаться в селекте при выборе.
  • darkTheme - необязательный параметр, который отвечает за включение светлой/темной темы по умолчанию, стоит темная тема(darkTheme == true).
  • searchMode - необязательный параметр, который добавляет живой поиск по элеметам селекта.
  • closeOnSelect - необязательный параметр, который отвечает за поведения селекта при открытии, если closeOnSelect: false, тогда при выборе елемента в селекте закрытия не происходит, и можно выбрать другой элемент по умолчанию, closeOnSelect:true.
  • lenguage - необязательный параметр, отвечающий за локализацию некоторых текстовых элементов. по умолчанию стоит 'en'. Можно добавить свою локализацию, с помощью функции addLanguage(), передав туда объект с полями для текста.
  • event - необязательный параметр, который отвечает за поведения селекта, передавая в этот параметр, евент по типу 'mouseenter', селект будет открываться при наведении.
  • url - *обязательный параметр(эсли не указан другой способ получения данных (items)), htylthbn данные которые приходят с бекэнда в формате {id:"", title: "", value: ""}.
  • multiselect - необязательный параметр, который отвечает за поведения селекта, добавляет возможность выбирать несколько элементов. Выбранные элементы отрисовываются как обычный текст, через запятую.
  • multiselectTag - необязательный параметр, который отвечает за поведения селекта, для него, ***работает только в месте с подключением multiselect.
  • styles - необязательный параметр, который отвечает за кастомизацию элементов селекта, в него передаются обьекты с CSS свойствами для кастомизируемых элементов.