DayPilot.Queue.onEventRightClick

The onEventRightClick event handler fires when the user right-clicks a queue item and before the default action configured using eventRightClickHandling.

Declaration

DayPilot.Queue.onEventRightClick(args)

Parameters

• args.e (DayPilot.Event) - the event reference

• args.preventDefault() - cancels the default action set using eventRightClickHandling property

Notes

Call args.preventDefault() when you want to suppress the built-in right-click behavior and provide custom handling instead. The default action is controlled by eventRightClickHandling.

Examples

JavaScript

const dp = new DayPilot.Queue("dp", {
  onEventRightClick: (args) => {
    if (args.e.id() === "3") {
      args.preventDefault();
    }
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.QueueConfig = {
  onEventRightClick: (args) => {
    if (args.e.id() === "3") {
      args.preventDefault();
    }
  },
  // ...
};

React

<DayPilotQueue
  onEventRightClick={onEventRightClick}
  {/* ... */}
/>

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

Vue

<DayPilotQueue
  @eventRightClick="onEventRightClick"
  <!-- ... -->
/>

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

See Also

DayPilot.Queue.eventRightClickHandling

DayPilot.Queue Class