DayPilot.Scheduler.onTimeHeaderRightClicked

The onTimeHeaderRightClicked event handler fires when the user right-clicks a time header cell in the JavaScript Scheduler component, after onTimeHeaderRightClick. Set timeHeaderRightClickHandling to "Enabled" to receive this event.

Declaration

DayPilot.Scheduler.onTimeHeaderRightClicked(args)

Parameters

• args.header.start (DayPilot.Date) - start of the time header cell

• args.header.end (DayPilot.Date) - end of the time header cell

• args.header.level (number) - header level (zero-based index)

Notes

Use onTimeHeaderRightClick when you need to cancel the default action before it is performed. This event is the post-action counterpart.

Examples

JavaScript

const scheduler = new DayPilot.Scheduler("dp", {
  timeHeaderRightClickHandling: "Enabled",
  onTimeHeaderRightClicked: (args) => {
    DayPilot.Modal.alert(args.header.start.toString());
  },
  // ...
});
scheduler.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  timeHeaderRightClickHandling: "Enabled",
  onTimeHeaderRightClicked: (args) => {
    DayPilot.Modal.alert(args.header.start.toString());
  },
  // ...
};

React

<DayPilotScheduler
  timeHeaderRightClickHandling="Enabled"
  onTimeHeaderRightClicked={onTimeHeaderRightClicked}
  {/* ... */}
/>

const onTimeHeaderRightClicked = (args) => {
  DayPilot.Modal.alert(args.header.start.toString());
};

Vue

<DayPilotScheduler
  timeHeaderRightClickHandling="Enabled"
  @timeHeaderRightClicked="onTimeHeaderRightClicked"
  <!-- ... -->
/>

const onTimeHeaderRightClicked = (args) => {
  DayPilot.Modal.alert(args.header.start.toString());
};

See Also

DayPilot.Scheduler.onTimeHeaderRightClick

DayPilot.Scheduler.timeHeaderRightClickHandling

DayPilot.Scheduler Class