Example of undefined in React Scheduler Component

All Controls
/
Schedule
/
ClipboardSchedule

This example demonstrates how to integrate clipboard functionality (cut, copy, paste) and a custom context menu into the Scheduler control.

More Details...

Loading....
Description

In this example, the allowClipboard property is set to true to enable clipboard functionality. This property allows the following keyboard shortcuts:

  • Ctrl + X: To cut the selected appointment from the scheduler.
  • Ctrl + C: To copy the selected appointment.
  • Ctrl + V: To paste the cut/copied appointment.

Additionally, we have integrated the ContextMenu control separately from the application end and set its target to the Scheduler control. Also, we have used the following Scheduler's public methods in the context menu handlers:

  • cut() method to remove the selected appointment.
  • copy() method to duplicate the selected appointment.
  • paste() method to insert the appointment into the target time slot.

On mobile devices, the context menu will open when you tap and hold on the cells or events.