How to update scheduler without page refresh

Scheduler Javascript
#1

Hi Team,
I am using node dtmlx scheduler 6.0.2 version in angular 14 app. I tried using dataprocessor but its not working properly .So I used onEventAdded,onEventChanged, onEventDeleted events to create/update/delete events. After adding/updating/deleting an event, I am calling window.location.reload() to refresh my screen with new data from DB(via API). How can I avoid refreshing page everytime I do an action? And do you have any other sample for using scheduler in angular other than this tutorial (Create Angular Scheduler with dhtmlxScheduler [Tutorial] - DHTMLX Blog). Your help is much appreciated.
Thanks,
RJ

#2

Hello @rajeswarij,

Regarding this point:

How can I avoid refreshing page everytime I do an action?

You can update the scheduler with updateView:
https://docs.dhtmlx.com/scheduler/api__scheduler_updateview.html
or render methods:
https://docs.dhtmlx.com/scheduler/api__scheduler_render.html

Regarding this point:

And do you have any other sample for using scheduler in angular other than this tutorial (Create Angular Scheduler with dhtmlxScheduler [Tutorial] - DHTMLX Blog). Your help is much appreciated.

Yes, here is another sample that uses 2 tabs - one for Gantt and one for Scheduler:
https://files.dhtmlx.com/30d/cd690ac137adfb61e50292c69d99db4e/angular_gantt__GPL+scheduler_GPL.zip

Steps to run:
Archive into some folder
Run yarn install
Run yarn start

Kind regards,

#3

Thanks for your help.