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

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

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

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

Расширение	Описание
ui.buttons	Кнопки.
ui.forms	Формы.
ui.alerts	Сообщения.
ui.icons	Иконки.
ui.progressbar	ПрогрессБар.
ui.notification	Нотификации.
ui.hint	Подсказки.
ui.button.panel	Панель кнопок.
toolbar	Тулбар.

Примеры

Универсальный пример получения доступа к 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]);
}

Смотрите также:

Наверх