Editing

Scheduler allows users to add, update, resize, drag, and delete appointments. To control these operations, specify properties in the editing object. In this demo, you can use the checkboxes below the Scheduler to toggle the edit operations.

These operations raise events that you can handle with the following functions:

In this demo, we configured the handlers to display a toast message after a user performs an edit operation.

Users can edit appointment data in the appointment details form. To open it, they need to double-click the appointment. You can use the onAppointmentFormOpening function to customize the form.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC

Thank you for your interest in our ASP.NET Core product libraries and UI component suite. We are moving ASP.NET Core-related demos and content to DevExpress.com. Please make sure to update your bookmarks with our new URL.

View Demo