DayPilot.Scheduler.onRowRightClick

The onRowRightClick event handler fires when the user right-clicks a row header in the JavaScript Scheduler, before the default action configured by rowRightClickHandling is performed.

Available since 2019.1.3559.

Declaration

DayPilot.Scheduler.onRowRightClick(args)

Parameters

• args.row (DayPilot.Row) - object representing the clicked row header

• args.ctrl (boolean) - Ctrl key state

• args.shift (boolean) - Shift key state

• args.meta (boolean) - Meta key state

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

• args.preventDefault() - cancels the default action configured by rowRightClickHandling

• args.x (number) - zero-based index of the row header column (available since 2023.4.5756)

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onRowRightClick: (args) => {
    args.preventDefault();
    console.log("Row header right-clicked", args.row, args.x);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onRowRightClick: (args) => {
    args.preventDefault();
    console.log("Row header right-clicked", args.row, args.x);
  },
  // ...
};

React

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

const onRowRightClick = (args) => {
  args.preventDefault();
  console.log("Row header right-clicked", args.row, args.x);
};

Vue

<DayPilotScheduler
  @rowRightClick="onRowRightClick"
  <!-- ... -->
/>

const onRowRightClick = (args) => {
  args.preventDefault();
  console.log("Row header right-clicked", args.row, args.x);
};

See Also

DayPilot.Scheduler.onRowRightClicked

DayPilot.Scheduler.rowRightClickHandling

DayPilot.Scheduler Class