UI-библиотека

UI-библиотека (user interface) — это библиотека пользовательских интерфейсов.

Основная задача модуля — стандартизировать и централизовать управление стилями и поведением типовых элементов, таких как: кнопки, формы, иконки, табы и т.п.

Модуль несёт системных характер. Его нельзя ни отключить, ни удалить. Он подключается автоматически при его использовании. Всё остальное время модуль неактивен.

Расширение	Описание
ui.buttons	Кнопки.
ui.alerts	Сообщения.
ui.icons	Иконки.
ui.progressbar	ПрогрессБар.
ui.notification	Нотификации.
ui.hint	Подсказки.

Примеры

Универсальный пример получения доступа к API поля. С помощью этого API устанавливаются значения, удаляются значения и так далее.

// Получаем ссылку на DOM-элемент поля
var element = document.querySelector("[data-name=\"sEmployeeGroup\"]");
// Получаем запись из BX.Main.ui.Factory
var field = BX.Main.ui.Factory.get(element);

if (field)
{
   // Получаем ссылку на экземпляр класса поля
   var fieldInstance = field.instance;
    
   // Далее можно использовать API:

   // Установка значения для поля типа main-ui-select
   fieldInstance.updateValue(fieldInstance.getItems()[0]);
   fieldInstance.updateDataValue(fieldInstance.getItems()[0]);

   // Установка значения для поля типа main-ui-multi-select
   fieldInstance.selectItem(fieldInstance.getItems()[0]);
   // Удаление значения для поля типа main-ui-multi-select
   fieldInstance.unselectItem(fieldInstance.getItems()[0]);
}

Наверх