The event calendar lets you define your own action for column header click user action.
See also column header active areas for a more flexible way of adding column actions.
JavaScript
Column header click event is enabled by default.
The default action can be set using headerClickHandling property.
dp.onHeaderClick = function(args) { console.log("Column clicked", args.header.start, args.header.name); };
See also
- DayPilot.Calendar.headerClickHandling
- DayPilot.Calendar.onHeaderClick
- DayPilot.Calendar.onHeaderClicked
ASP.NET WebForms
The column header click event is disabled by default. You can enable it using HeaderClickHandling property.
ASPX
<DayPilot:DayPilotCalendar ID="DayPilotCalendar1"
...
HeaderClickHandling="CallBack" OnHeaderClick="DayPilotCalendar1_HeaderClick" />
C#
protected void DayPilotCalendar1_HeaderClick(object sender, HeaderClickEventArgs e) { DayPilotCalendar1.ViewType = ViewTypeEnum.Day; DayPilotCalendar1.StartDate = e.Date; // load events // ... DayPilotCalendar1.DataBind(); DayPilotCalendar1.Update(); }