Gute Möglichkeit zum Aktivieren der automatischen Aktualisierung von Ereignissen im fullCalendar jquery-Plugin?

Question

Gibt es eine gute Möglichkeit, die fullCalendar jquery-Plugin seine Ereignisse automatisch aktualisieren?

Ich kann 'refetchEvents' einfach mit einem Timer aufrufen, aber das wirft Probleme auf, wenn der Benutzer gerade ein Ereignis zieht (Javascript-Fehler während der Aktualisierung während das Ereignis gezogen wird). Gibt es einen besseren Weg?

Answer 1

Sie müssen nur eine Fahne verfolgen, ob automatische Auffrischung passieren sollte. Es sollte standardmäßig true sein, aber beim Ziehen oder Ändern der Größe auf false eingestellt sein. Sie können es basierend auf dem eventDragStart, eventDragStop, eventResizeStart und eventResizeStop festlegen.

siehe http://arshaw.com/fullcalendar/docs/event_ui/ für eine Liste der mausbezogenen Trigger.

Answer 2

gute Lösung ... aber nicht genug:

var calE = { 
     url: 'calendarEvents.do', 
     type: 'POST', 
     data: { 
      siteId: $("#siteId").val() 
     }, 
     error: function() { 
      alert('there was an error while fetching events!'); 
     } 
}; 

function loadCal(){ 
     $('#calendar').fullCalendar({ 
       theme: true, 
       events: calE, 
       editable: false,    
       eventDrop: function(event, delta) { 
         alert(event.title + ' was moved ' + delta + ' days\n' + 
           '(should probably update your database)'); 
       },   
       loading: function(bool) { 
         if (bool) $('#loading').show(); 
         else $('#loading').hide(); 
       }, 
       viewDisplay: function(viewObj) {}   
     }); 

} 

function reloadCalendar(){ 
    $('#calendar').fullCalendar('removeEventSource', calEvent); 
    var source = { 
      url: 'calendarEvents.do', 
      type: 'POST', 
      data: { 
       siteId: $("#siteId").val() 
      }, 
      error: function() { 
       alert('there was an error while fetching events!'); 
      } 
     }; 
    $('#calendar').fullCalendar('removeEvents'); 
    $('#calendar').fullCalendar('addEventSource', source); 
    $('#calendar').fullCalendar('rerenderEvents'); 
    calE = source; 
} 

Durch diese verwenden Sie den ursprünglichen Algorithmus halten die Daten zu holen.