Set properties on scheduler

[Jan van Rossum]

From Angular, I want to update the interval property of the schedule component.

I am trying this:

@ViewChild('schedule', { static: false }) public schedule: ScheduleComponent;

...

this.schedule.setProperties({ interval: value });

But this change is not reflected, even if I do 

this.schedule.refresh();

When the schedule refreshes after this, the change is successfully reflected.

What is the right way to directly update a property?

[Karthigeyan Krishnamurthi]

Hi Jan, 

 

Syncfusion greetings. 

 

In the below sample, we have changed the Day view interval based on drop down field value. 

https://stackblitz.com/edit/angular-wvhguq-7umvvf?file=app.component.ts 

https://ej2.syncfusion.com/angular/documentation/schedule/views/#view-specific-configuration 

https://ej2.syncfusion.com/angular/documentation/api/schedule/viewsModel/#interval 

 

public onViewIntervalChange(args: any): void { 

    this.scheduleObj.views = [ 

      { option: 'Day', interval: args.value }]; 

  } 

 

Regards, 

Karthi 

 

[Jan van Rossum]

Hi Karthigeyan,

Thanks for your reply.

After some experimenting I got it working.

I think it's a bit laborious from an Angular point of view...

Also I didn't get it to work without calling .refresh().

In your example that was not necessary, do you have an idea why? 

Can it be caused by the Timeline view?

Here is the code:

In .html:

<ejs-schedule #schedule [views]="views">

In .ts:

@ViewChild('schedule', { static: false }) public schedule: ScheduleComponent;

...

private getViews(): ViewsModel[] {

return [

{

option: 'TimelineWeek',

interval: this.interval

}

];

}

...

views = this.getViews();

...

_interval = 4;

get interval() {

return this._interval;

}

set interval(value) {

this._interval = value;

this.schedule.views = this.getViews();

this.schedule.refresh();

}

[Jan van Rossum]

Found the bug in my implementation, refresh() is not necessary anymore.

Thanks for your help!

[Karthigeyan Krishnamurthi]

Most welcome 😊