DayPilot.Calendar.headerClickHandling

The headerClickHandling property (string) specifies the default action used when the user clicks a calendar column header in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.headerClickHandling

Possible Values

• "Disabled" - disables built-in column header click handling.

• "Enabled" - keeps the standard column header click pipeline enabled.

• "CallBack" - processes the click using CallBack (ASP.NET WebForms, ASP.NET MVC, and Java versions only).

• "PostBack" - processes the click using PostBack (ASP.NET WebForms only).

Default Value

"Enabled"

Notes

Use DayPilot.Calendar.onHeaderClick to inspect or cancel the click before the default action is performed, and use DayPilot.Calendar.onHeaderClicked after it finishes.

For custom header UI or content, combine the click handling pipeline with the column header configuration described in the related documentation.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  headerClickHandling: "Disabled",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  headerClickHandling: "Disabled",
  // ...
};

React

<DayPilotCalendar
  headerClickHandling="Disabled"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  headerClickHandling="Disabled"
  <!-- ... -->
/>

See Also

Column Header Click [doc.daypilot.org]

Column Header Customization [doc.daypilot.org]

DayPilot.Calendar.onHeaderClick

DayPilot.Calendar.onHeaderClicked

DayPilot.Calendar Class