HI,
I'm new to Bryntum Calendar and I'm trying to get crudManager and autoSync: true working. However, I don't see the browser requests for a sync - just the initial load works. Odds are I'm misunderstanding something.
<bryntum-project-model
#project
[events] = "events"
[resources] = "resources"
></bryntum-project-model>
<bryntum-calendar
#calendar
[date] = "calendarConfig.date"
[project] = project
(onAfterEventSave)="onAfterEventSave($event)"
(onDataChange)="onDataChange($event)"
></bryntum-calendar>
@Component({
selector: 'app-calendar',
templateUrl: './calendar.component.html',
styleUrls: ['./calendar.component.scss']
})
export class CalendarComponent implements OnInit {
@ViewChild('calendar', { static : false }) calendarComponent!: BryntumCalendarComponent;
@ViewChild('project', { static : false }) projectComponent!: BryntumProjectModelComponent;
constructor() { }
events = [];
resources = [];
assignments = [];
calendarConfig: Partial<CalendarConfig> = {
date: new Date(),
crudManager: new CrudManager({
autoLoad: true,
autoSync: true,
transport: {
load: {
url: Endpoints.apiEndpoint() + "/api/v1/projectcalendar/0",
// HTTP request parameter used to pass serialized "load"-requests
paramName: 'data',
// pass few Fetch API options
method: 'GET',
credentials: 'include',
cache: 'no-cache'
},
sync: {
url: Endpoints.apiEndpoint() + "/api/v1/projectcalendar/0",
// specify Content-Type for requests
headers: {
'Content-Type': 'application/json'
},
credentials: 'include',
// pass few Fetch API options
method: 'POST',
cache: 'no-cache'
}
}
})
};
projectConfig: Partial<ProjectModelConfig> = {
// Empty project config
};
onAfterEventSave($event) {
console.log("Save");
}
onDataChange($event) : void {
let data = $event as { store : Store; action : String; records : Model[]}
console.log(`${data.store.id} changed. The action was: ${data.action}. Changed records: `, data.records);
}
ngOnInit(): void {
}
}
Also, I see onAfterEventSave only called once but onDataChange called after every change. Any ideas would be appreciated!