2010-08-19 17 views
5

quelqu'un peut-il me dire comment remplir les événements "jquery fullcalendar" en utilisant ajax.impossible de définir des données dynamiques dans jquery fullcalendar par ajax

Il n'existe pas de méthode setter fournie dans fullcalendar pour définir la réponse ajax (objet Json) après le chargement de l'objet de calendrier. Est-il possible de nourrir les données après le chargement des objets de calendrier?

Dans mon cas, la première fois que je fournisse des données dans la propriété fullcalendar "event:" et cela fonctionne très bien. Mais lorsque j'appuie sur suivant ou précédent pour basculer d'un mois à l'autre, je ne peux pas y insérer de données.

Thnx à l'avance

Répondre

1

dans ASP.NET MVC Voir:

$('#calendar').fullCalendar({ 
      theme: true, 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      events: "/Calendar/GetEvents/"}); 

Contoller:

public JsonResult GetEvents() 
    { 
     List<DAL.VwMeeting> allMeeting = meetingRepository.GetAll(); 
     var eventList = from e in allMeeting 
         select new 
         { 
          url=(e.MeetingOccurID).ToString(), 
          title = e.MeetingTitle, 
          start = ConvertToUnixTimestamp((DateTime)e.MeetingOccurStartDate), 
          end = ConvertToUnixTimestamp((DateTime)e.MeetingOccurEndTime), 
          allDay = false 
         }; 
     return Json(eventList.ToArray()); 
    } 

ou vous pouvez utiliser:

$('#calendar').fullCalendar('refetchEvents'); 

après chaque événement manche

+0

S'il vous plaît donnez-moi un exemple de réponse de json ce que je devrais garder dans le début :, fin:, et je suppose que le titre sera chaîne simple. J'ai utilisé la même méthode que ce que vous suggérez mais fullcalendar ne montre rien sur aucune vue. J'utilise JSP et servlet sur la fin du serveur. Merci – Bhupi

+0

Désolé Bhupi, je suis développeur .NET, vous pouvez voir ce tutoriels http://weblogs.asp.net/gunnarpeipman/archive/2010/02/03/using-fullcalendar-jquery-component-with-asp- net-mvc.aspx, http: //szahariev.blogspot.com/2009/08/jquery-fullcalendar-and-aspnet-mvc.html ou vous pouvez voir Fullcalendar: http://arshaw.com/js/fullcalendar/ examples/agenda-views.html – Akyegane

1

Au lieu de récupération des événements par l'Ajax, puis les mettre dans le calendrier, vous pouvez utiliser le fullcalendar pour faire tout l'Ajax pour vous:

$('#calendar').fullCalendar({ 
    events: "/myfeed.php" 
}); 

Alors le bon les événements seront récupérés en fonction de la plage de dates que l'utilisateur consulte. Voir le fullcalendar documentation pour plus d'informations.

+0

Merci theycallmemorty, mais je ne peux pas charger toutes les données à la fois pendant que l'objet de calendrier se charge. Je dois recréer des données pour chaque mois ou chaque semaine lorsque l'utilisateur clique sur les boutons "suivant" ou "précédent" ou change de vue. – Bhupi

+1

Le contrôle fullcalendar gérera cela pour vous sous la forme des paramètres 'start' et' end'. Chaque fois que l'utilisateur change de vue ou clique sur prev ou next, le contrôle envoie une requête à votre serveur. – theycallmemorty

+0

pouvez-vous donner un exemple de réponse côté serveur lorsque l'URL ci-dessus va se déclencher? Merci – Bhupi