Skip to main content

api.getReactiveState()

Description​

Gets an object with the reactive properties of Booking

Usage​

api.getReactiveState(): object;

Returns​

The method returns an object with the following parameters:

{    
    data: [], // an array of cards objects ?
    cardShape: {}, // an object with settings for cards
    filteredData: [], // filtered data array
    filterShape: {}, // an object with filter settings
    filterValues: {}, // an object with filter values (text, data, time)
    formShape: [], // an array of objects with settings for the Booking editor dialog
    infoShape: {}, // an object with settings for the left side of the Booking editor
    selectedItem: {}, // single data item
    selectedSlot: {}, // an object with slot id and timestamp in minutes
    slotGap: number, // slots gap in minutes
    slotSize: number // slot size in minutes
}

Example​

// create Booking
const booking = new booking.Booking("#root", {
    data,
    //other properties
});

// get the Reactive State of Booking and output it to console
const state = booking.api.getReactiveState();
console.log(state);

// subscribe on the cards changes and output the array of cards
state.cards.subscribe((data) => {
    console.log(data);
});