Диалог Форма быстрых полей

Компонент ui.dialogs.checkbox-list выводит попап с чекбоксами для настройки вывода вашего контента.

Подключение

JS

import {CheckboxList} from 'ui.dialogs.checkbox-list';

PHP

\Bitrix\Main\UI\Extension::load('ui.dialogs.checkbox-list');

Использование

В js-коде необходимо инициализировать расширение и передать json.

Параметры

Обязательные параметры отмечены *

Методы

Пример вызова

const checkboxList = new BX.UI.CheckboxList({
    popupOptions: {
        width: 1100,
    },
    columnCount: 4,
    lang: {
        title: 'Настройка полей для быстрой формы создания',
    },
    compactField: {
        value: true,
        defaultValue: true,
    },
    sections: [
        {
            key: 'SECTION_1',
            title: 'Сделка',
            value: true,
        },
    ],
    categories: [
        {
            title: 'О сделке',
            sectionKey: 'SECTION_1',
            key: 'about'
        },
    ],
    options: [
        {
            title: 'Дата',
            value: true,
            categoryKey: 'about',
            defaultValue: true,
            id: '1',
        },
        {
            title: 'Не отмеченный чекбокс',
            value: false,
            categoryKey: 'about',
            defaultValue: true,
            id: '2',
        },
    ],
    events: {
        onApply: (event) => {
            console.log("event.data",  event.data.fields);
        },
    },
});

checkboxList.show();