Context menu in TypeScript Scheduler control

18 Nov 20181 minute to read

The context menu can be displayed on work cells and appointments within the Scheduler by manually integrating the ContextMenu control from the application. In the following example, the ContextMenu control is added and its target is set to the Scheduler.

On Scheduler cells, menu items such as New Event, New Recurring Event, and Today can be displayed. For appointments, relevant options like Edit Event and Delete Event are available. The default event window for creating or editing appointments can be opened using the openEditor method of the Scheduler.

Appointments can be deleted using the deleteEvent public method. The selectedDate property allows navigation between different dates.

Custom menu options can also be displayed on Scheduler cells and appointments. In responsive mode, the context menu opens with a tap-and-hold gesture.

For more information, refer to the JavaScript Scheduler feature tour page for comprehensive feature demonstrations. Explore the JavaScript Scheduler example to learn how to present and manipulate data.