The eventResizeHandling property (string) specifies how the JavaScript Calendar component handles drag-and-drop event resizing.
Declaration
DayPilot.Calendar.eventResizeHandlingPossible 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-sideEventResizeaction using PostBack(ASP.NET WebForms only)."CallBack"- fires the server-sideEventResizeaction 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-sideEventResizeaction(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
Availability
Availability of this API item in DayPilot editions:
| Product | Lite | Pro |
|---|---|---|
| DayPilot for JavaScript |
DayPilot