We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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' } 

Live Chat Icon For mobile
Up arrow icon