New to Telerik UI for Blazor? Download Free 30-day trial

Scheduler - Events

Sun, 6/20
Mon, 6/21
Tue, 6/22
Wed, 6/23
Thu, 6/24
Fri, 6/25
Sat, 6/26
all day
7:00 AM
8:00 AM
9:00 AM
10:00 AM
11:00 AM
12:00 PM
1:00 PM
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
8:00 PM
9:00 PM
10:00 PM
11:00 PM
CONSOLE Clear log
  • Events.razor
  • AppointmentService.cs
  • AppointmentDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

Description

Telerik UI for Blazor Scheduler exposes various events that let you respond to the user actions.

CUD events target the appointment editing. The Blazor Scheduler fires OnCreate, OnUpdate and OnDelete events for the corresponding user action – create, update and delete appointments. You can handle them to update the actual data source. Test the implementation of the CUD events in the Appointment Editing demo.

In some scenarios, you may need to bind the component to an abstract class, interface or a class that has no parameterless constructor. If so, handle the OnModelInit which fires before editing and adding new item in the component.

Click and double click on items are common user actions that the Blazor Scheduler listens to. Handle the OnItemClick or OnItemDoubleClick when you want to perform some logic upon appointment click or double click.

The Scheduler also catches a right click on an appointment to fire the OnItemContextMenu event. It can be used for a ContextMenu integration to expose additional actions for the items.

The ItemRender event of the Blazor Scheduler fires when the appointments are rendered. It allows you customize their appearance by adding a custom CSS class to their container.

The Scheduler component will also react when the user changes the current date through the Toolbar navigation options and when they switch to another view. Handle the DateChanged or ViewChanged if you want to react to these changes.

The current demo showcases handling of several Scheduler events and logging them in an EventLog. For example, the OnCellRender event is used to add styles to the underlying slot cells and this demo highlights the weekends as well as the slots between 12 PM and 1 PM indicating a lunch break.

This Blazor Scheduler Events example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.