The eventResizeHandling property (string) specifies how the JavaScript Calendar component handles drag-and-drop event resizing.
DayPilot.Calendar.eventResizeHandling"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).
"Update"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.
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"
<!-- ... -->
/>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