Hierarchical Grouping in Scheduler

We have a requirement where we want to show some locations e.g. Location 1, Location2 etc. And below these locations we want to show some sub categories where Location 1 can have Category1, Category2 and Category 3 And Location 2 has Categories Category 2, Category 4 and Category 5. But I am following the demo for Hierarchical Grouping https://ej2.syncfusion.com/react/demos/?&_ga=2.236438017.1200880527.1562575614-1318586625.1561527502#/material/schedule/resource-grouping. Then it is showing all the categories in all the Locations. We want to show categories Location specific.

1 Reply

KK Karthigeyan Krishnamurthi Syncfusion Team July 15, 2019 04:52 AM UTC

Hi Ankush,   
  
Syncfusion greetings. 
 
We suspect that your requirement is to implement two level hierarchy and kindly refer the below sample. 
 
this.projectData = [ 
            { text: 'Lcation 1', id: 1, color: '#cb6bb2' }, 
            { text: 'Lcation 2', id: 2, color: '#56ca85' } 
        ]; 
        this.categoryData = [ 
            { text: 'Category1', id: 1, groupId: 1, color: '#df5286' }, 
            { text: 'Category2', id: 2, groupId: 1, color: '#7fa900' }, 
            { text: 'Category3', id: 5, groupId: 1, color: '#df5286' }, 
            { text: 'Category4', id: 3, groupId: 2, color: '#ea7a57' }, 
            { text: 'Category5', id: 4, groupId: 2, color: '#5978ee' },    
            { text: 'Category6', id: 6, groupId: 2, color: '#00bdae' } 
        ]; 
 
 
Regards, 
Karthi 


Loader.
Up arrow icon