Multi-level resources with separate events for parent and child resources

Question

When grouping the resources of Scheduler in multiple levels, is it possible to have events for each level?

For example, in screenshot no. 1, there in an appointment for Team 1, on the 15th of February. Team 1 has three members, and each member has their own row. I want to display absences for each member, in their own row. For example, Worker 2 is on holiday on February 15, and I want to show that in the scheduler by adding an event in the Worker 2 row, on the same date as the appointment. Is that possible?

Example no. 2. In the second screenshot with the example from Syncfusion documentation, in addition to the events added in the work cells for each worker, I would like to also be able to add events in the rows of ROOM 1 and ROOM 2.

Attachment: screenshots_1aacd82a.rar

Hareesh Balasubramanian · Accepted Answer

Hi Alexandra, 

Greetings form Syncfusion Support..! 

We have validated your both the queries at our side and for that, we have prepared a sample, which can be viewed from the following link, 
https://stackblitz.com/edit/angular-scheduler-customized-resource-sample?file=app.component.ts  

Query 1: 
We suspect that, you need to block a particular day in a particular resource and it can be achieved using “Blocked events of the Scheduler” and for the same, we have rendered a blocked events for a particular date and it can be viewed from the above sample link. 





      { 
        Id: 5, 
        Subject: "Absent", 
        StartTime: new Date(2018, 3, 4), 
        EndTime: new Date(2018, 3, 5), 
        IsBlock: true, 
        ProjectId: 1, 
        TaskId: 1 
      } 

UG link: https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#block-dates-and-times 
Online Sample link: https://ej2.syncfusion.com/angular/demos/#/material/schedule/block-events 

Query 2: 
Based on your shared image, we have rendered the events in the parent work cells of the resources and it can be viewed from the above sample.  
 




      { 
        Id: 3, 
        Subject: "Functionality testing", 
        StartTime: new Date(2018, 3, 4, 9), 
        EndTime: new Date(2018, 3, 4, 10, 30), 
        IsAllDay: false, 
        ProjectId: 1 
      }, 
 
Note: We can’t able to render the event by cell single/double click. 

And for further reference, kindly refer to the below screenshot, 
  

Kindly try the above solution and get back to us if you need any further assistance. 

We will happy to assist you. 

Regards, 
Hareesh