Group by Resource

Nancy Davolio Andrew Fuller Janet Leverling
16 Sun
17 Mon
16 Sun
17 Mon
16 Sun
17 Mon
9 9:00 00
10 10:00 00
11 11:00 00
12 12 PM PM
1 1:00 00
2 2:00 00
3 3:00 00
4 4:00 00
5 5:00 00

Our Blazor Scheduler component allows you to assign resources to individual appointments/events. Resources allow you to display schedules across multiple columns. For example, you can create a resource item for each employee and then group appointments by this resource.

The DevExpress Blazor Scheduler component includes a drop-down Resource Navigator window. Use this window to hide or display resource groups as needed.

This demo illustrates how to easily group scheduled appointments by resource. When appointments are grouped by resource and the Scheduler component displays multiple dates and resources, date headers are grouped under resource headers.

To group appointments by resource, set the GroupType property to Resource.

Group by Date

16 Sun
17 Mon
Nancy Davolio Andrew Fuller Janet Leverling Nancy Davolio Andrew Fuller Janet Leverling
9 9:00 00
10 10:00 00
11 11:00 00
12 12 PM PM
1 1:00 00
2 2:00 00
3 3:00 00
4 4:00 00
5 5:00 00

This demo illustrates how you can group scheduled appointments by date. When appointments are grouped by date and the Scheduler component displays multiple dates and resources, resource headers are grouped under date headers.

To group appointments by date, set the GroupType property to Date.

Custom Resource Navigator

Resources
Nancy Davolio Andrew Fuller
16 Sun
16 Sun
9 9:00 00
10 10:00 00
11 11:00 00
12 12 PM PM
1 1:00 00
2 2:00 00
3 3:00 00
4 4:00 00
5 5:00 00

This demo illustrates how you can hide our Blazor Scheduler component’s built-in Resource Navigator (set the ResourceNavigatorVisible property to false) and implement a custom tree-like navigator instead.

Refer to the demo’s code snippet to see how we used the VisibleResourcesDataSource property to specify resources from the resource data source ResourcesSource to display within the navigator.