Blazor Scheduler Example - Hierarchical Grouping

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

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

Also, the colors defined at the last level resources are applied to the events of those resources by default. If the colors of the parent level need to be applied to child events, it is necessary to define the ResourceColorField option within the ScheduleEventSettings property with the parent-level resource name value.