Hello,
I have an issue when I double click either the prev, next and today buttons the data(events) bind twice to the scheduler UI. Basically when I click these buttons it sends consecutive get requests.
Here’s a video clip of what’s going on - screencast.com/t/GMccR70sWh
Here’s some code - I’m on angular
export class SchedulerComponent implements OnInit {
@ViewChild(‘scheduler_here’) schedulerContainer: ElementRef;
constructor(private scheduleService: SchedulerService ) {}
ngOnInit() {
scheduler.config.xml_date = '%Y-%m-%d %h:%i';
scheduler.config.hour_date = '%h %a';
// creates the calendar
scheduler.init(this.schedulerContainer.nativeElement, new Date(), 'week');
// initial load timeslots and appointments
this.displayData();
// Re-draw scheduler on scheduler change
scheduler.attachEvent('onViewChange', (new_mode, new_date) => {
const startWeek = new_date;
const endMonth = new_date;
scheduler.clearAll();
this.displayData(new_date, startWeek, endMonth);
});
}
// display api data
displayData(date?: string, start?: string, end?: string) {
this.scheduleService.getTimeSlotsAndAppointments(date, start, end)
.subscribe((res) => {
const timeSlotsAndAppointments = {
timeslots: res.timeslots.map(item => new CalendarTimeSlot(item)),
appointments: res.appointments.map(item => new Appointments(item))
};
scheduler.parse(timeSlotsAndAppointments.timeslots, 'json');
scheduler.parse(timeSlotsAndAppointments.appointments, 'json');
},
err => console.error(err),
() => console.log('Data retrieved complete')
);
}
}