Bon moyen d'activer l'actualisation automatique des événements sur le plugin jquery fullCalendar?

Question

Existe-t-il un bon moyen pour que le plugin jQuery fullCalendar actualise automatiquement ses événements? Je peux simplement appeler 'refetchEvents' en utilisant une minuterie, mais cela pose des problèmes si l'utilisateur est en train de faire glisser un événement (en jetant des erreurs javascript pendant l'actualisation pendant que l'événement est déplacé). Y a-t-il un meilleur moyen?

Answer 1

vous auriez juste besoin de garder la trace d'un drapeau, si un rafraîchissement automatique devrait se produire. il doit être true par défaut, mais défini sur false lors du déplacement ou du redimensionnement. vous pouvez le définir en fonction des codes eventDragStart, eventDragStop, eventResizeStart et eventResizeStop.

Voir http://arshaw.com/fullcalendar/docs/event_ui/ pour une liste des déclencheurs liés à la souris.

Answer 2

bonne solution ... mais ne suffit pas:

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; 
} 

En utilisant cela, vous allez garder l'algorithme original pour récupérer les données.