Buttons

Виджет предоставляет сделать выбор по нажатию одной из ряда кнопок.

Инициализация

Для инициализации виджета запустите функцию конструктор buttons.
                            
rc.autocomplete({
    pageX: e.pageX,
    pageY: e.pageY,
    buttons: yourButtonsList,
    title: 'Набор кнопок',
    fields: yourFieldsLIst
});
                            
                        

Формат данных

Данные описывающие кнопки должны поддерживать следующий интерфейс:
                    
{
    name: 'Кнопка',
    slug: 'идентификатор-кнопки'
}
                    
                

Возвращамые данные

При щелчке на кнопку вызывается пользовательская функция обратного вызова, получающая идентификатор кнопки.
                            
const fields = [
    {
        name: 'отмена-1',
        slug: 'cancel-1',
    },
    {
        name: 'отмена-2',
        slug: 'cancel-2',
    }
];

rc.buttons({
    title: 'Изменить статус',
    fields: fields,
    pageX: e.pageX,
    pageY: e.pageY,
}, value => {
    if (value) {
        $.notify(value, { position:"top center", className: 'success' });
    }
});
                            
                        

Основные рараметры

Параметризовать виджет можно несколькими основными параметрами:
Параметр Описание
title устанавливает текст заголовка в верхней части виджета
buttons коллекция кнопок в нижней части виджета
fields коллекция основных кнопок
                            
const buttons = [
    {
        name: 'Отменить всё, что можно',
        slug: 'cancel',
    }
];

const fields = [
    {
        name: 'отмена-1',
        slug: 'cancel-1',
    },
    {
        name: 'отмена-2',
        slug: 'cancel-2',
    }
];

rc.buttons({
    buttons: buttons,
    title: 'Изменить статус',
    fields: fields,
    pageX: e.pageX,
    pageY: e.pageY
});
                            
                        

Шаблон кнопки

Виджет дает возможность установить пользовательский шаблон кнопки:
                            
const buttons = [
    {
        name: 'Отменить всё',
        date: '11.11.2011',
        slug: 'cancel',
    }
];

const fields = [
    {
        name: 'отмена-1',
        date: '12.12.2012',
        slug: 'cancel-1',
    },
    {
        name: 'отмена-2',
        date: '13.03.2013',
        slug: 'cancel-2',
    }
];

rc.buttons({
    template: '#: name # # if (typeof date !== "undefined") {# (#: date # ) # } #',
    buttons: buttons,
    title: 'Изменить статус',
    fields: fields,
    pageX: e.pageX,
    pageY: e.pageY,
});
                            
                        
Made on
Tilda