DayPilot.Calendar.eventResizeHandling

The eventResizeHandling property (string) specifies how the JavaScript Calendar component handles drag-and-drop event resizing.

Declaration

DayPilot.Calendar.eventResizeHandling

Possible Values

  • "Disabled" - event resizing is not allowed.

  • "Update" - updates the event automatically on drop, between DayPilot.Calendar.onEventResize and DayPilot.Calendar.onEventResized.

  • "PostBack" - fires the server-side EventResize action using PostBack (ASP.NET WebForms only).

  • "CallBack" - fires the server-side EventResize action using CallBack (ASP.NET WebForms, ASP.NET MVC, and Java versions only).

  • "JavaScript" - with api=1 it fires DayPilot.Calendar.onEventResize.

  • "Notify" - updates the event on the client side and also fires the server-side EventResize action (DayPilot Pro only; ASP.NET WebForms, ASP.NET MVC, and Java versions only).

Default Value

"Update"

Notes

Use DayPilot.Calendar.onEventResize to validate or cancel the resize before the default action is performed, use DayPilot.Calendar.onEventResizing to customize the shadow while the resize is in progress, and use DayPilot.Calendar.onEventResized after the drop completes.

Use DayPilot.Calendar.eventResizingStartEndEnabled and DayPilot.Calendar.eventResizingStartEndFormat to show inline start and end indicators while the event is being resized.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  eventResizeHandling: "Update",
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>
config: DayPilot.CalendarConfig = {
  eventResizeHandling: "Update",
  // ...
};

React

<DayPilotCalendar
  eventResizeHandling="Update"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  eventResizeHandling="Update"
  <!-- ... -->
/>

See Also

Event Resizing [doc.daypilot.org]

Update Events without Reloading [doc.daypilot.org]

Notify Event Model [doc.daypilot.org]

DayPilot.Calendar.onEventResize

DayPilot.Calendar.onEventResized

DayPilot.Calendar.onEventResizing

DayPilot.Calendar.eventResizingStartEndEnabled

DayPilot.Calendar Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript