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
  1. Home
  2. Forum
  3. Angular - EJ 2
  4. More than two levels in the Schedule

More than two levels in the Schedule

Hi,

Trying to work out the scheduler for our needs, but stumble upon a problem. Please advise on how to use hierarchy grouping for multiple levels (more than two).


Here is what I'm doing:
- moving PROJECT 3 to a separate resource (name: 'SubProjects')
- setting groupId for it to be the child of PROJECT 1
- adding a new resource into the template
- adding 'SubProjects' to the group.resources

As a result events are not displayed:



Also, in such configuration, it seems that it is not possible to implement a tree like this:

-root
--sub
---leaf
--leaf

In this case last leaf would be displayed as folder, but I guess it shouldn't.

Thanks!



7 Replies
KK Karthigeyan Krishnamurthi Syncfusion Team June 19, 2019 11:19 AM UTC

Hi Nikita, 
 
Syncfusion greetings. 
 
In your sample id is not mapped correctly for resources which is the cause. Kindly refer the below code example. 
 
<e-resources> 
                <e-resource field='ProjectId' title='Choose Project' [dataSource]='projectDataSource' name='Projects' 
                    textField='text' idField='id' colorField='color'> 
                </e-resource> 
                <e-resource field='SubProjectId' title='Choose Sub-Project' [dataSource]='subProjectDataSource' name='SubProjects' 
                    textField='text' idField='id' colorField='color' groupIDField='groupId'> 
                </e-resource> 
                <e-resource field='TaskId' title='Category' [dataSource]='categoryDataSource' name='Categories' 
                    textField='text' idField='id' groupIDField='groupId' colorField='color'> 
                </e-resource> 
            </e-resources> 
 
public projectDataSource: Object[] = [ 
        { text: 'PROJECT 1', id: 1, color: '#cb6bb2' }, 
        { text: 'PROJECT 2', id: 2, color: '#56ca85' } 
    ]; 
    public subProjectDataSource: Object[] = [ 
        { text: 'SUB-PROJECT', id: 3, color: '#df5286', groupId: 1 }, 
        { text: 'SUB-PROJECT', id: 4, color: '#df5286', groupId: 2 }, 
    ]; 
    public categoryDataSource: Object[] = [ 
        { text: 'Nancy', id: 5, groupId: 3, color: '#df5286' }, 
        { text: 'Steven', id: 6, groupId: 3, color: '#7fa900' }, 
        { text: 'Robert', id: 7, groupId: 4, color: '#ea7a57' }, 
        { text: 'Smith', id: 8, groupId: 4, color: '#5978ee' } 
    ]; 
 
 
Regards, 
Karthi 


NI Nikita June 19, 2019 11:48 AM UTC

Hi Karthi,

Thanks for the reply.

But, in your example - events are still not displayed. But if I remove hierarchy in the group property - events start appear again.

public group: GroupModel = {
resources: ['Categories']
};

Moreover, if I want to move 'NANCY' to be a child of 'PROJECT 1' (groupId: 1 ) - it just disappears.

Thanks,
Nikita

KK Karthigeyan Krishnamurthi Syncfusion Team June 20, 2019 04:36 AM UTC

Hi Nikita,  
  
Thanks for the update. 
 
We suspect that resources id is not mapped correctly in your data collection which could be the cause, kindly refer below. 
 
dataSource: [{ 
      Id: 1, 
      Subject: 'Explosion of Betelgeuse Star', 
      StartTime: new Date(2018, 3, 4, 9, 0), 
      EndTime: new Date(2018, 3, 4, 10, 0), 
      ProjectId: 1, 
      SubProjectId: 3, 
      TaskId: 6 
    }] 
 
The child resource collection should be defined immediate next to its parent collection. For example, Nancy collection should be defined with in subProjectDataSource like below. 
 
public group: GroupModel = { 
    resources: ['Projects', 'SubProjects', 'Categories'] 
  }; 
  public projectDataSource: Object[] = [ 
    { text: 'PROJECT 1', id: 1, color: '#cb6bb2' }, 
    { text: 'PROJECT 2', id: 2, color: '#56ca85' } 
  ]; 
  public subProjectDataSource: Object[] = [ 
    { text: 'SUB-PROJECT1', id: 3, color: '#df5286', groupId: 1 }, 
    { text: 'SUB-PROJECT2', id: 4, color: '#df5286', groupId: 2 }, 
    { text: 'Nancy', id: 5, groupId: 1, color: '#df5286' } 
  ]; 
  public categoryDataSource: Object[] = [ 
    { text: 'Steven', id: 6, groupId: 3, color: '#7fa900' }, 
    { text: 'Robert', id: 7, groupId: 4, color: '#ea7a57' }, 
    { text: 'Smith', id: 8, groupId: 4, color: '#5978ee' } 
  ]; 
 
Regards, 
Karthi 


NI Nikita June 20, 2019 09:01 AM UTC

Hi Karthi,

Yes, that is perfect! Thanks!

That leaves me me just a one question. In your example "Nancy" is a folder, but should be a leaf, based on the logic of data. Is it possible to make it leaf instead of folder?

Thanks,
Nikita

KK Karthigeyan Krishnamurthi Syncfusion Team June 21, 2019 06:31 AM UTC

Hi Nikita, 
 
We are happy that our solution fulfilled your requirement. 
 
We log the bug report for the reported case and the fix will be included in our upcoming Volume 2, 2019 main release which is excepted to be rollout by the end of June 2019. 
 
Regards, 
Karthi 


NI Nikita June 21, 2019 11:08 AM UTC

Perfect!

Thanks,
Nikita

KK Karthigeyan Krishnamurthi Syncfusion Team June 24, 2019 03:13 AM UTC

Most welcome Nikita 😊 


Loader.
Up arrow icon