api.exec()

Описание

Позволяет инициировать внутренние события

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

api.exec(
    event: string,
    config: object
): Promise<any>;

Параметры

• event - (обязательный) событие, которое необходимо вызвать
• config - (обязательный) объект конфигурации с параметрами (см. вызываемое событие)

Действия

информация

Полный список событий Pivot можно найти здесь

Пример

В приведённом ниже примере событие delete-field инициируется через метод api.exec(). Последнее поле удаляется из области values. Метод api.getState() используется здесь для получения текущего состояния config компонента Pivot. Событие будет вызвано по нажатию кнопки.

// создание Pivot
const table = new pivot.Pivot("#root", {
    fields,
    data: dataset,
    config: {
        rows: ["studio", "genre"],
        columns: [],
        values: [
            {
                field: "title",
                method: "count"
            },
            {
                field: "score",
                method: "max"
            }
        ]
    }
});

//вызов методов API: удаление конкретного значения из values в config
function removeLastField() {
    if (table.api) {
        const state = table.api.getState();
        const config = state.config;

        const count = config.values.length;

        if (count) {
            const lastValue = config.values[count - 1];

            table.api.exec("delete-field", {
                area: "values",
                id: lastValue.id, // автоматически сгенерированный ID элемента, добавленного в config.values
            });
        }
    }
}

const button = document.createElement("button");

button.addEventListener("click", removeLastField);
button.textContent = "Remove";

document.body.appendChild(button);