DayPilot.Scheduler.onEventDoubleClick

The onEventDoubleClick event handler fires in the JavaScript Scheduler for event double clicks, before the default action runs. Double click handling is disabled by default; enable it using DayPilot.Scheduler.eventDoubleClickHandling.

Declaration

DayPilot.Scheduler.onEventDoubleClick(args)

Parameters

• args.e (DayPilot.Event) - double-clicked event instance

• args.originalEvent (MouseEvent) - original browser double-click event

• args.preventDefault() - cancels the default action

Notes

In api=1 mode, the legacy signature is onEventDoubleClick(e).

Examples

JavaScript

const onEventDoubleClick = (args) => {
  if (args.e.id() === 3) {
    args.preventDefault();
  }
};

const dp = new DayPilot.Scheduler("dp", {
  eventDoubleClickHandling: "Enabled",
  onEventDoubleClick: onEventDoubleClick,
  // ...
});
dp.init();

Angular

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

const onEventDoubleClick = (args: DayPilot.SchedulerEventDoubleClickArgs) => {
  if (args.e.id() === 3) {
    args.preventDefault();
  }
};

config: DayPilot.SchedulerConfig = {
  eventDoubleClickHandling: "Enabled",
  onEventDoubleClick: onEventDoubleClick,
  // ...
};

React

<DayPilotScheduler
  eventDoubleClickHandling="Enabled"
  onEventDoubleClick={onEventDoubleClick}
  {/* ... */}
/>

const onEventDoubleClick = (args) => {
  if (args.e.id() === 3) {
    args.preventDefault();
  }
};

Vue

<DayPilotScheduler
  eventDoubleClickHandling="Enabled"
  @eventDoubleClick="onEventDoubleClick"
  <!-- ... -->
/>

const onEventDoubleClick = (args) => {
  if (args.e.id() === 3) {
    args.preventDefault();
  }
};

See Also

DayPilot.Scheduler.onEventDoubleClicked

DayPilot.Scheduler.eventDoubleClickHandling

DayPilot.Scheduler Class