DayPilot.Scheduler.onEventResized

The onEventResized event handler fires after the default action configured by eventResizeHandling has been executed.

Declaration

DayPilot.Scheduler.onEventResized(args)

Parameters

• args.areaData (any) - value of the data property of the active area used as the resize handle (available since 2023.4.5811)

• args.async (boolean) - indicates whether the resize used the asynchronous update mode

• args.control (DayPilot.Scheduler) - control instance

• args.e (DayPilot.Event) - resized event

• args.multiresize (array) - additional resized events from a multi-resize operation; each item includes event, start, and end

• args.newStart (DayPilot.Date) - new event start

• args.newEnd (DayPilot.Date) - new event end

• args.what ("start" | "end") - resized edge (available since 2019.2.3823)

Notes

Use this post-action event when you need to react to the final resized dates after the Scheduler has already updated the event.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onEventResized: (args) => {
    dp.message("Resized: " + args.e.text());
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  onEventResized: (args) => {
    console.log("Resized:", args.e.text());
  },
  // ...
};

React

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

const onEventResized = (args) => {
  console.log("Resized:", args.e.text());
};

Vue

<DayPilotScheduler
  @eventResized="onEventResized"
  <!-- ... -->
/>

const onEventResized = (args) => {
  console.log("Resized:", args.e.text());
};

See Also

Event Resizing [doc.daypilot.org]

DayPilot.Scheduler.eventResizeHandling

DayPilot.Scheduler Class