Schedule - multiple resources

[Meenadevi Gurusamy]

Hi Team,
I have using angular schedule- multiple resources group. we have added checkbox for group... when we uncheck the checkbox datasource should be refresh automatically.. Means when we uncheck the particular check box that particular datasource should be removed from group.. Kindly give the solution for this issue..

FYI:  When datasource load the first time, filtering is working using scheduler component. But after I change the checkbox datasource depends on other component, it didn't work.

Scheduler

Multiple Resources

Shared Events

[Ravikumar Venkatesan]

We suspect that you are facing a problem while filtering resources using CheckBox. Use the highlighted line on the onChange method bound to the CheckBox change event to resolve this. You can find the demo and sample below for reference.

Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/add-remove-resources

Sample: https://stackblitz.com/edit/ej2-angular-schedule-add-remove-resources-sample?file=app.component.ts

[app.component.ts]

  onChange(args: ChangeEventArgs): void {

    const value: number = parseInt((args.event.currentTarget as Element).querySelector('input').getAttribute('value'), 10);

    let resourceData: Object[] = this.calendarCollections.filter((calendar: { [key: string]: Object }) => calendar.CalendarId === value);

    if (args.checked) {

      this.scheduleObj.addResource(resourceData[0], 'Calendars', value - 1);

    } else {

      this.scheduleObj.removeResource(value, 'Calendars');

    }

  }