The onEventMoveStart event handler fires when the user starts dragging an event during event moving in the JavaScript Scheduler.
Available since 2025.4.6723.
Declaration
DayPilot.Scheduler.onEventMoveStart(args)Parameters
args.ctrl(boolean) - Ctrl key pressedargs.shift(boolean) - Shift key pressedargs.meta(boolean) - Meta key pressedargs.alt(boolean) - Alt key pressedargs.areaData- value of thedataproperty of the active area used as the drag handleargs.e(DayPilot.Event) - source objectargs.external(boolean) -truewhen the event comes from an external sourceargs.multimove- array of all events being moved during multi-moving
Notes
The args.multimove array includes the main event as well (args.e). The main event is stored as args.multimove[0].
Each item in args.multimove has one property:
event(DayPilot.Event) - source object (read-only)
Examples
JavaScript
const dp = new DayPilot.Scheduler("dp", {
onEventMoveStart: (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
},
// ...
});
dp.init();Angular
<daypilot-scheduler [config]="config"></daypilot-scheduler>config: DayPilot.SchedulerConfig = {
onEventMoveStart: (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
},
// ...
};React
<DayPilotScheduler
onEventMoveStart={onEventMoveStart}
{/* ... */}
/>const onEventMoveStart = (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
};Vue
<DayPilotScheduler
@eventMoveStart="onEventMoveStart"
<!-- ... -->
/>const onEventMoveStart = (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
};See Also
Event Moving [doc.daypilot.org]
DayPilot.Scheduler.onEventMoving
DayPilot.Scheduler.onEventMove
Availability
Availability of this API item in DayPilot editions:
| Product | Lite | Pro |
|---|---|---|
| DayPilot for JavaScript |
DayPilot