api.getReactiveState()

Описание

Получает объект с реактивными свойствами Kanban

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

api.getReactiveState(): object;

Возвращаемое значение

Метод возвращает объект со следующими параметрами:

{
    cardHeight: {...},
    cardShape: {...},
    cards: {...},
    columnKey: {...},
    columnShape: {...},
    columns: {...},
    currentUser: {...},
    history: {...},
    links: {...},
    readonly: {...},
    rowKey: {...},
    rowShape: {...},
    editorShape: {...},
    rows: {...},
    search: {...},
    selected: {...},
    sort: {...},

    // удалённые параметры
    /*  
        fromAreaMeta: {...},
        dropAreaItemsCoords: {...},
        dropAreasCoords: {...},
        overAreaMeta: {...},  
        before: {...},
        dragItemId: {...},
        dragItemsCoords: {...},
        overAreaId: {...},
    /*

    // приватные параметры
    /*
        edit -> _edit: {...},
        layout -> layout: {...},
        cardsMap -> _cardsMap: {...},
        cardsMeta -> _cardsMeta: {...},
        areasMeta -> _areasMeta: {...},
        scroll -> _scroll: {...},
    */
}

предупреждение

Эти свойства состояния доступны только для чтения. Не изменяйте их, чтобы избежать непредвиденного поведения!

Пример

// создаём Kanban
const board = new kanban.Kanban("#root", {
    columns,
    cards,
    rows
});
// получаем реактивное состояние Kanban
const state = board.api.getReactiveState();

// подписываемся на изменения columns и выводим массив колонок
state.columns.subscribe((data) => {
    console.log(data);
});

// подписываемся на изменения cards и выводим массив карточек
state.cards.subscribe((data) => {
    console.log(data);
});

// подписываемся на изменения rows и выводим массив рядов
state.rows.subscribe((data) => {
    console.log(data);
});

// подписываемся на выбор карточек и выводим ID выбранных карточек
state.selected.subscribe((data) => {
    console.log(data);
});

История изменений: Метод был обновлён в версии v1.7