Comment mettre à jour le fullcalendar

Question

Je suis un débutant avec php et fullcalendar.J'ai besoin de mettre à jour le calendrier avec la valeur d'entrée de l'utilisateur ($ ('# nom')). Mais ça ne marche pas.

J'ai ce code.

$(document).ready(function() { 
    var UsrAux; 
    $('#name').blur(function(){      
     UsrAux = $('#name').val()  // <-- This is the input 
     });     


    $('#calendar').fullCalendar({ 
     draggable: true, 
     height: 400,  
     cache: true, 
     eventSources: [ 
    // your event source 
     { 
      url: 'CalendarServer.php', 
      type: 'POST', 
      data: {      
        uno: 'Something', 
        UsrCdg: UsrAux           
      }, 
      error: function() { 
       alert('error!'); 
      }, 
      color: '#e2ebef', // a non-ajax option 
      textColor: 'black' // a non-ajax option 
     } 
     ]  
     }); 


}); 

Toute aide serait grandement appréciée!

Answer 1

La fonction d'événement blur doit être définie avant le fullCalendar pour obtenir les données (l'entrée utilisateur) dont vous avez besoin.

Answer 2

Salut, c'est la solution.

$(document).ready(function(){ 

     var UsrAux;  
     UsrAux=$('#name').val();     
     $('#name').blur(function(){  
      UsrAux=$('#name').val();       
      var source = { 
        url: 'CalendarServer.php', 
        type: 'POST', 
        data: {       // Parms 
          uno: 'Somenthing', 
          UsrCdg: UsrAux           
        }, 
        error: function() { 
         alert('error!'); 
        }, 
        color: '#e2ebef', // a non-ajax option 
        textColor: 'black' // a non-ajax option 
      };        
      $('#calendar').fullCalendar('removeEvents'); 
      $('#calendar').fullCalendar('addEventSource', source); 
      }); 



     $('#calendar').fullCalendar({ 
      draggable: true, 
      height: 400,  
      cache: true, 
      eventSources: [ 
     // your event source 
      { 
       url: 'CalendarServer.php', 
       type: 'POST', 
       data: {       // Parms 
         uno: 'something', 
         UsrCdg: $('#name').val()            
       }, 
       error: function() { 
        alert('error!'); 
       }, 
       color: '#e2ebef', // a non-ajax option 
       textColor: 'black' // a non-ajax option 
      } 
      ]  
      }); 


      });