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,
              nativeSelectMode: true/false,
              listDisplayMode: true/false,
              language: '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.
  • nativeSelectMode - необязательный параметр, который отвечает за поведения селекта при открытии на мобильных усторйствах, если nativeSelectMode: false, тогда на мобильном устройстве будет отображаться и работать дефолтное поведение как на десктопной версии, а если nativeSelectMode: true, то на мобильном устройстве будет отображаться нативный селект из HTML 5;
  • listDisplayMode - необязательный параметр, который отвечает за поведения селекта при открытии, если listDisplayMode: false, тогда лист с выбором опции отображаться как обычный выпадающий список. Если listDisplayMode: true, то лист с выбором опции будет отображаться как модальное окно.
  • language - необязательный параметр, отвечающий за локализацию некоторых текстовых элементов. по умолчанию стоит 'en'. Можно добавить свою локализацию, с помощью функции addLanguage(), передав туда объект с полями для текста.
  • event - необязательный параметр, который отвечает за поведения селекта, передавая в этот параметр, евент по типу 'mouseenter', селект будет открываться при наведении.
  • url - *обязательный параметр(эсли не указан другой способ получения данных (items)), htylthbn данные которые приходят с бекэнда в формате {id:"", title: "", value: ""}.
  • multiselect - необязательный параметр, который отвечает за поведения селекта, добавляет возможность выбирать несколько элементов. Выбранные элементы отрисовываются как обычный текст, через запятую.
  • multiselectTag - необязательный параметр, который отвечает за поведения селекта, для него, ***работает только в месте с подключением multiselect.
  • styles - необязательный параметр, который отвечает за кастомизацию элементов селекта, в него передаются обьекты с CSS свойствами для кастомизируемых элементов.