DayPilot.Calendar.onHeaderClicked

The onHeaderClicked event handler fires when the user clicks a calendar column header, after the default action configured by DayPilot.Calendar.headerClickHandling has been performed.

Declaration

DayPilot.Calendar.onHeaderClicked(args)

Parameters

• args.column.id - column id (resources view only)

• args.column.name - column name

• args.column.start - column start date

• args.column.data - source data item from DayPilot.Calendar.columns.list

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onHeaderClicked: args => {
    console.log(args.column.name);
  },
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  onHeaderClicked: args => {
    console.log(args.column.name);
  },
  // ...
};

React

<DayPilotCalendar
  onHeaderClicked={onHeaderClicked}
  {/* ... */}
/>

const onHeaderClicked = (args) => {
  console.log(args.column.name);
};

Vue

<DayPilotCalendar
  @headerClicked="onHeaderClicked"
  <!-- ... -->
/>

const onHeaderClicked = (args) => {
  console.log(args.column.name);
};

See Also

Column Header Click [doc.daypilot.org]

DayPilot.Calendar.onHeaderClick

DayPilot.Calendar.headerClickHandling

DayPilot.Calendar Class