DayPilot.Calendar.eventMoveHandling

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

Declaration

DayPilot.Calendar.eventMoveHandling

Possible Values

• "Disabled" - event moving is not allowed.

• "Update" - updates the event position automatically on drop, between DayPilot.Calendar.onEventMove and DayPilot.Calendar.onEventMoved.

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

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

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

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

Default Value

"Update"

Notes

Use DayPilot.Calendar.onEventMove to validate or cancel the move before the default action is performed, and use DayPilot.Calendar.onEventMoved after the drop completes.

Use DayPilot.Calendar.eventMovingStartEndEnabled and DayPilot.Calendar.eventMovingStartEndFormat to show inline start and end indicators while the event is being dragged.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  eventMoveHandling: "Disabled",
  // ...
};

React

<DayPilotCalendar
  eventMoveHandling="Disabled"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  eventMoveHandling="Disabled"
  <!-- ... -->
/>

See Also

Event Moving [doc.daypilot.org]

Update Events without Reloading [doc.daypilot.org]

DayPilot.Calendar.onEventMove

DayPilot.Calendar.onEventMoved

DayPilot.Calendar.eventMovingStartEndEnabled

DayPilot.Calendar Class