Fullcalendar et XMLHttpRequest
Bonjour,
J'ai un petit problème depuis ce matin, qui ne se produisait pas hier.
J'installe depuis deux trois jours fullcalendar sur mon site. Au moment d'incorporer la fonctionnalité pour modifier un évènement juste en le faisant glisser (drag n drop) j'utilise une requête XMLHttpRequest.
Hier tout fonctionnait super bien, tout se modifiait. Aujourd'hui, j'ai l'impression que lorsque je bouge mon évènement, la requête ne s'effectue plus. (j'ai mis un dd("coucou"); et il ne s'affiche même pas !)
Je me permet de vous laisser mon code côté JS et mon code côté PHP.
PHP
Code:
1
2
3
4
5
6
7
8
|
/**
* @Route("/api/{id}/edit", name="api_event_id", methods={"PUT"})
*/
public function majEvent(?Calendar $calendar, Request $request)
{
dd("coucou");
} |
JS
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
window.onload = () => {
let calendarElt = document.querySelector("#calendrier")
let calendar = new FullCalendar.Calendar(calendarElt, {
initialView: 'timeGridWeek',
locale: 'fr',
timeZone: 'Europe/Paris',
headerToolbar: {
end: 'today prev,next dayGridMonth,timeGridWeek,timeGridDay,timeGridList,listWeek'
},
events: {{ data|raw }}
editable: true,
eventResizableFromStart: true
}
calendar.on('eventChange', (e) => {
let donnees = {
"title": e.event.title,
"description": e.event.extendedProps.description,
"start": e.event.start,
"end": e.event.end,
"backgroundColor": e.event.backgroundColor,
"allDay": e.event.allDay,
}
var json = JSON.stringify(donnees);
var xhr = new XMLHttpRequest();
xhr.open("put", `/api/${e.event.id}/edit`, true);
xhr.send(json);
})
calendar.render()
} |
Merci d'avance
