Setting the date and scrollTo

[Chris Cunningham]

Hi,

I'm trying to make the schedule jump to a particular day and time. I have  [selectedDate]="selectedDate" bound on the Schedule object, and my code does:

        this.selectedDate = newDate;

        this.scheduleObj.scrollTo(newTimeStr);

The problem is that it seems to do things in the wrong order; it updates the time (visible very briefly on the schedule), and then changes the day - which resets the time back to 9am. I assume this is because of Angular's change detection taking a moment to "see" the change to selectedDate, or some task management in Angular or Syncfusion.

Is there any way to make these happen in the correct order, to jump to the correct date and time?

Thanks,
-Chris

[Karthigeyan Krishnamurthi]

Hi Chris, 

 

Syncfusion greetings. 

 

When changing the Scheduler property, action will be asynchronous which is the cause. Kindly use the below code example to achieve your requirement. 

https://stackblitz.com/edit/angular-bgewcq-cyemrl?file=app.component.ts 

 

onClick(): void { 

    this.scheduleObj.selectedDate = new Date(); 

    this.scheduleObj.dataBind(); 

    this.scheduleObj.scrollTo(this.scrollTime); 

  } 

 

Regards, 

Karthi