Scheduler Event backcolor Revert back after loading

Note I am working in Javascript version

If you add events using .events.add() you don't need to call .update() to apply the change. The Scheduler will be updated automatically. Also, calling .update() in every iteration of the loop is very expensive (and not necessary).

1. If you want to replace the existing data set with the result you can use this helper method:

dp.events.load("{Site_Root}/services/Roster_Dates.php?_");

This is an equivalent of the following code:

DayPilot.request("{Site_Root}/services/Roster_Dates.php?_", function(req) {
  var data = JSON.parse(req.responseText);
  dp.events.list = data;
  dp.update();
});

2. If you want to add the loaded events to the existing set (but it's not the typical case) you can do it like this:

DayPilot.request("{Site_Root}/services/Roster_Dates.php?_", function(req) {
  var data = JSON.parse(req.responseText);
  data.forEach(function(item) {
    dp.events.add(new DayPilot.Event(item));
  });
});

Both .events.add() and .update() update the Scheduler in an asynchronous way so you can't mix them together.

Thanks, Dan that worked.

Any tip on how I could search for events by resource and delete them?

You can list and delete all events for a given row like this:

  var events = dp.rows.find("A").events.all();
  events.forEach(function(e) {
    dp.events.remove(e);
  });

Thanks