2011-10-07 4 views
0

J'ai un calendrier qui a utilisé une boîte de sélection pour contrôler quel calendrier est affiché. L'identifiant de selectbox est transmis avec les dates de début/fin (en utilisant les événements comme flux json ci-dessous). Le calendrier se charge correctement, mais lorsque je modifie la valeur de la zone de sélection, le calendrier ne change pas et utilise l'ID initial. J'ai cherché des documents mais je n'arrive pas à comprendre comment obtenir de l'aide en dessous pour être dynamique?Affichage du calendrier Problème

$('#calendar').fullCalendar({ 

    header: { 
    left: 'prev,next today', 
    center: 'title' 
    }, 
    defaultView: 'agendaWeek', 
    weekends: false, 
    height: 690, 
    theme: true, 
    minTime: 6, 
    maxTime: 18, 
    allDaySlot: false, 
    slotMinutes: 30, 
    events: { 
    url: 'lib.cfc?method=getReservations', 
    type: 'POST', 
    data: { 
     aid: $('#ddNavSelectArea').val() 
    }, 
    error: function(){ 
     alert('there was an error while fetching events!'); 
    } 
    } 
}) 

Répondre

2

j'ai tout compris, je vais la craie jusqu'à ma courbe d'apprentissage pour fullCalendar:

aid = $('#ddNavSelectArea').val(); 

var events = { 
    url: 'lib.cfc?method=getAreas', 
    type: 'POST', 
    data: { 
    aid: aid 
    }, 
    error: function(){ 
    alert('there was an error while fetching events!'); 
    } 
} 


$('#calendar').fullCalendar('removeEventSource', events); 
$('#calendar').fullCalendar('addEventSource', events); 
$('#calendar').fullCalendar('refetchEvents'); 
+0

, a travaillé comme un charme dans mon problème: http://stackoverflow.com/questions/9801095/jquery-fullcalendar-send-custom -parameter-et-refresh-calendar-avec-json # comment12481283_9801095 – geo

0

J'ai essayé de le faire comme vous l'avez fait, mais cela n'a pas fonctionné pour moi. En fin de compte, j'ai utilisé les événements fonctionnent comme celui-ci: merci

events: function(start, end, callback) { 
     $.ajax({ 
      url: 'YOURURL', 
      type: 'POST', 
      dataType: 'json', 
      data: { 
       start: Math.round(start.getTime()/1000), 
       end: Math.round(end.getTime()/1000), 
        // this is the var the user is selecting in a drop-down 
       event_type: $('#event_type').val() 
      }, 
      success: function(doc) { 
       var events = doc; 
       callback(events); 
      } 
      }); 
    }, 
Questions connexes