SyntaxError: missing; перед заявлением при показе событий в полном календаре

Question

Im пытается показать динамически показ событий в полном календаре в моем проекте. Есть ошибка, я не понимаю, в чем причина этого. Однако, когда я жестко управляю событиями массива, он работает нормально.

Календарь Jquery код:

$(document).ready(function() { 
    $('.fullcalendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,basicWeek,basicDay' 
     }, 
     events: [ 
      eventList() 
     ] 
    }); 

Ajax вызова

function eventList(){ 
    $.ajax({ 
     url :'/calendarMaintenanceData', 
     type: 'GET', 
     dataType: 'json', 
     success:function(data){ 
      $.each(data, function (index, item) {                      
       { 
        id:item.id, 
        title:item.machinecode, 
        start:item.estimated_maintenance_date 
       } 
      }); 
     } 
    }); 
} 

Ошибка:

Answer 1

eventList необходимо поместить все события в массив. Вы можете использовать $.map вместо $.each для этого.

success:function(data){ 
     return $.map(data, function (item) { 
      return {                      
       id:item.id, 
       title:item.machinecode, 
       start:item.estimated_maintenance_date 
      }; 
     }); 
    } 

Однако этого все равно не будет. Проблема в том, что $.ajax является асинхронным, поэтому возвращаемое значение функции обратного вызова не возвращается функции fullCalender. Вы должны вызвать fullCalendar в функции обратного вызова после создания массива.

function eventList(callback){ 
    $.ajax({ 
     url :'/calendarMaintenanceData', 
     type: 'GET', 
     dataType: 'json', 
     success:function(data){ 
      callback($.map(data, function (item) {                      
       return { 
        id:item.id, 
        title:item.machinecode, 
        start:item.estimated_maintenance_date 
       }; 
      }); 
     } 
    }); 
} 

$(document).ready(function() { 
    eventList(function(events) { 
     $('.fullcalendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,basicWeek,basicDay' 
      }, 
      events: events 
     }); 
    }); 
}); 

Answer 2

В $.each() вы должны назначить переменную объекта, определенного как этот

$.each(data, function (index, item) {                      
        var someobject = { 
         id:item.id, 
         title:item.machinecode, 
         start:item.estimated_maintenance_date 
         }; 
        });