DayPilot.Scheduler.onEventSelect

The onEventSelect event handler fires when event selection changes in the JavaScript Scheduler, before the default UI action selects or deselects the event.

Declaration

DayPilot.Scheduler.onEventSelect(args)

Parameters

• args.e (DayPilot.Event) - affected item

• args.selected (boolean) - current selection state before the change

• args.ctrl (boolean) - Ctrl key state

• args.meta (boolean) - Meta key state

• args.preventDefault() - cancels the default action

Notes

Use this event when you need to decide whether the selection change should happen. The args.selected value reflects the current state before the UI is updated.

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

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onEventSelect: (args) => {
    const message = args.selected ? "Deselect this event?" : "Select this event?";
    if (!window.confirm(message)) {
      args.preventDefault();
    }
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onEventSelect: (args) => {
    const message = args.selected ? "Deselect this event?" : "Select this event?";
    if (!window.confirm(message)) {
      args.preventDefault();
    }
  },
  // ...
};

React

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

const onEventSelect = (args) => {
  const message = args.selected ? "Deselect this event?" : "Select this event?";
  if (!window.confirm(message)) {
    args.preventDefault();
  }
};

Vue

<DayPilotScheduler
  @eventSelect="onEventSelect"
  <!-- ... -->
/>

const onEventSelect = (args) => {
  const message = args.selected ? "Deselect this event?" : "Select this event?";
  if (!window.confirm(message)) {
    args.preventDefault();
  }
};

See Also

Event Selecting [doc.daypilot.org]

DayPilot.Scheduler.onEventSelected

DayPilot.Scheduler Class