Hierarchical Grouping in Scheduler

[Ankush Sharma]

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.

[Karthigeyan Krishnamurthi]

Hi Ankush,   

  

Syncfusion greetings. 

 

We suspect that your requirement is to implement two level hierarchy and kindly refer the below sample. 

https://stackblitz.com/edit/react-puceea?file=index.js 

https://ej2.syncfusion.com/react/documentation/schedule/resources/?no-cache=1#grouping-multi-level-resources 

 

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