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.
DayPilot.Scheduler.onRowDoubleClick(args)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
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.
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();
}
};Row Header Columns [doc.daypilot.org]
DayPilot.Scheduler.onRowDoubleClicked