DayPilot.Scheduler.onEventClicked

The onEventClicked event handler fires after the default event click action defined by DayPilot.Scheduler.eventClickHandling.

Declaration

DayPilot.Scheduler.onEventClicked(args)

Parameters

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

• args.div (HTMLElement) - event <div> element

• args.control (DayPilot.Scheduler) - control instance

• args.ctrl (boolean) - true if the Ctrl key was pressed

• args.meta (boolean) - true if the Meta key was pressed

• args.shift (boolean) - true if the Shift key was pressed

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

Notes

Use DayPilot.Scheduler.onEventClick if you need to cancel the default click action before it runs.

Examples

JavaScript

const onEventClicked = (args) => {
  alert("Event clicked: " + args.e.text());
};

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

Angular

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

const onEventClicked = (args: DayPilot.SchedulerEventClickedArgs) => {
  alert("Event clicked: " + args.e.text());
};

config: DayPilot.SchedulerConfig = {
  onEventClicked: onEventClicked,
  // ...
};

React

<DayPilotScheduler
  onEventClicked={onEventClicked}
  {/* ... */}
/>

const onEventClicked = (args) => {
  alert("Event clicked: " + args.e.text());
};

Vue

<DayPilotScheduler
  @eventClicked="onEventClicked"
  <!-- ... -->
/>

const onEventClicked = (args) => {
  alert("Event clicked: " + args.e.text());
};

See Also

DayPilot.Scheduler.onEventClick

DayPilot.Scheduler.eventClickHandling

DayPilot.Scheduler Class