DayPilot.Scheduler.onRowDoubleClicked

The onRowDoubleClicked event handler fires when the user double-clicks a row header in the JavaScript Scheduler component, after the default action configured by DayPilot.Scheduler.rowDoubleClickHandling has been performed.

Declaration

DayPilot.Scheduler.onRowDoubleClicked(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

Notes

Use DayPilot.Scheduler.onRowDoubleClick if you need to cancel the built-in action before it runs. The built-in action is controlled by DayPilot.Scheduler.rowDoubleClickHandling and can trigger row selection or inline row editing.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowDoubleClickHandling: "Select",
  onRowDoubleClicked: (args) => {
    console.log("Double-clicked row:", args.row, args.x);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  rowDoubleClickHandling: "Select",
  onRowDoubleClicked: (args) => {
    console.log("Double-clicked row:", args.row, args.x);
  },
  // ...
};

React

<DayPilotScheduler
  rowDoubleClickHandling="Select"
  onRowDoubleClicked={onRowDoubleClicked}
  {/* ... */}
/>

const onRowDoubleClicked = (args) => {
  console.log("Double-clicked row:", args.row, args.x);
};

Vue

<DayPilotScheduler
  rowDoubleClickHandling="Select"
  @rowDoubleClicked="onRowDoubleClicked"
  <!-- ... -->
/>

const onRowDoubleClicked = (args) => {
  console.log("Double-clicked row:", args.row, args.x);
};

See Also

Row Header Columns [doc.daypilot.org]

DayPilot.Scheduler.onRowDoubleClick

DayPilot.Scheduler.rowDoubleClickHandling

DayPilot.Scheduler Class