Fullcalendar eventSources nicht

Question

Arbeits

GELÖST

Das ist meine ganze Ajax Antwort:

{ 
    "data": [ 
     { 
      "id": 3, 
      "calendar_id": 1, 
      "title": "asdasd", 
      "start": "2017-06-20 14:06:00", 
      "end": "2017-06-20 16:06:00", 
      "allDay": 0, 
      "className": "bg-green", 
      "deleted_at": null 
     } 
    ] 
} 

Definition:

$('#calendar').fullCalendar({ 
    slotDuration: //.. 
    minTime: //... 
    maxTime: //.. 
    defaultView: //... 
    defaultDate: //.. 
    header: { 
     //... 
    }, 
    eventSources: [ 
     { 
      url: '/api/calendar_events/' + id, 
      type: 'GET', 
      headers: { 
       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
      }, 
      error: function() { 
       alert('there was an error while fetching events!'); 
      } 
     } 
    ], 
    eventLimit: //.. 
    selectable: //.. 
}); 

Was in EventSources falsch ist? Der Vollkalender wird gerendert, aber es werden keine Ereignisse angezeigt.

Hinweis: Ich möchte eventSources nicht Ereignisse verwenden, da es mehrere Quellen geben kann.

Answer 1

Hat dieser:

eventSources: [ 
    { 
     events: function (start, end, timezone, callback) { 
      $.ajax({ 
       url: '/api/calendar_events/' + id, 
       type: 'GET', 
       headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
       }, success: function (response) { 
        var events = []; 
        $(response['data']).each(function() { 
        events.push({ 
         id: $(this).attr('id'), 
         title: $(this).attr('title'), 
         start: $(this).attr('start'), 
         end: $(this).attr('end'), 
         className: $(this).attr('className'), 
         allDay : $(this).attr('allDay'), 
        }); 
       }); 
       callback(events); 
      } 
     }); 
    } 
    } 
],