DayPilot.Scheduler.onRowDoubleClick

The onRowDoubleClick event handler fires when the user double-clicks a row header in the JavaScript Scheduler component, before the default action configured by DayPilot.Scheduler.rowDoubleClickHandling is performed.

Declaration

DayPilot.Scheduler.onRowDoubleClick(args)

Parameters

  • args.row (DayPilot.Row) - object for the row that was double-clicked

  • args.x (number) - row header column index (if row header columns are defined; available since 2023.1.5513)

  • args.ctrl (boolean) - Ctrl key state

  • args.shift (boolean) - Shift key state

  • args.meta (boolean) - Meta key state

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

  • args.preventDefault() - cancels the default action defined by DayPilot.Scheduler.rowDoubleClickHandling

Notes

DayPilot.Scheduler.rowDoubleClickHandling can trigger built-in actions such as row selection or inline row editing. Enabling row double-click handling also adds a delay to the row click handler because the Scheduler needs to distinguish between single and double clicks.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowDoubleClickHandling: "Select",
  onRowDoubleClick: (args) => {
    if (args.ctrl) {
      args.preventDefault();
    }
  },
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>
config: DayPilot.SchedulerConfig = {
  rowDoubleClickHandling: "Select",
  onRowDoubleClick: (args) => {
    if (args.ctrl) {
      args.preventDefault();
    }
  },
  // ...
};

React

<DayPilotScheduler
  rowDoubleClickHandling="Select"
  onRowDoubleClick={onRowDoubleClick}
  {/* ... */}
/>
const onRowDoubleClick = (args) => {
  if (args.ctrl) {
    args.preventDefault();
  }
};

Vue

<DayPilotScheduler
  rowDoubleClickHandling="Select"
  @rowDoubleClick="onRowDoubleClick"
  <!-- ... -->
/>
const onRowDoubleClick = (args) => {
  if (args.ctrl) {
    args.preventDefault();
  }
};

See Also

Row Header Columns [doc.daypilot.org]

DayPilot.Scheduler.onRowDoubleClicked

DayPilot.Scheduler.rowDoubleClickHandling

DayPilot.Scheduler Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript