Example of Hierarchical Grouping in Blazor Scheduler Component

Scheduler / Resource Grouping / Hierarchical Grouping

This demo illustrates the work progress under two different projects which are categorized as 'Development' and 'Testing', since both the projects comes across the two common stages.

In this demo, there are two resource levels defined under the ScheduleResources property - one with the name Projects and other with the name Categories respectively. Also, both the names are defined in the ScheduleGroup property to allow two level hierarchical grouping. The order of grouping depends on the order of names passed onto the Resources option within ScheduleGroup. In this sample, we have used two level hierarchy, where the PROJECT 1 and PROJECT 2 are the parent level and the Development and Testing are child level resources which are defined using the Resources property. The requirement here is to categorize the sub-options that are common to both the projects and to enable such grouping. It is necessary to set the ByGroupID option within the ScheduleGroup which allows all the resources available in each child level to be grouped under its parent resources. With this option available, we can avoid the need to provide multiple definitions of the same data to be grouped under different parent.

Also, the colors defined at the last level resources will get applied to the events of those resources by default. In case, if the colors of parent level needs to be applied to child events, then it is necessary to define the ResourceColorField option within the ScheduleEventSettings property with the parent level resource name value.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE