v7.3.0

EventColumn

A column that displays a formatted event with details of name, times, and assigned resources in a grid cell.

This is not intended to be used directly, it is used by the EventList which is a specialized Grid subclass.

It can be configured through the EventList's columns config:

const calendar = new Calendar({
    modes : {
        list : {
            columns : {
                calendarevents : {
                    renderer({ cellElement, record : cellData }) {
                        // Custom rendering for event list cells
                        cellElement.classList.toggle('is-past', cellData.date < new Date());
                    }
                }
            }
        }
    }
});

See also

  • EventList — The view that uses this column
  • EventModel — The event model whose data is displayed
No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class

Properties

Properties are getters/setters or publicly accessible variables on this class
  • Renderer that shows resource avatars of assigned resources next to event names for a single date.

    You should never modify any records inside this method.
    Note that all AgendaView columns are automatically set to autoHeight because an unpredictable number of events may appear in any cell.

    Has a corresponding renderer config.

  • isEventColumn : Booleantrue
    READONLY
    ADVANCED
    Identifies an object as an instance of EventColumn class, or subclass thereof.
type: calendarevents

Source path

Calendar/column/EventColumn.js

Contents