fullcalendar.js

**jamies** · 05-15-2016, 05:24 PM

Hi guys,
I am using the fullcalendar jquery plugin, but want it to refresh when a user selects a value from a dropdown list.
i have tried the following but it doesn't refresh the calendar.

Code:

$('#employees').change(function(){
//alert($('#employees').val());
var userid=$('#employees').val();
		 $.ajax({
			url: 'process.php',
	        type: 'POST', // Send post data
	        data: 'type=fetch&userid='+userid,
	        async: false,
	        success: function(s){
	        	freshevents = s;
	        }
		});
		$('#calendar').fullCalendar('addEventSource', JSON.parse(freshevents));
});

any ideas
thanks
Jamie

**Sempervivum** · 05-15-2016, 10:01 PM

Ajax works asynchronously: When this

Code:

$('#calendar').fullCalendar('addEventSource', JSON.parse(freshevents));

is executed, the variable freshevents is not yet set. You have to move this insctruction to the success callback:

Code:

$('#employees').change(function(){
//alert($('#employees').val());
var userid=$('#employees').val();
		 $.ajax({
			url: 'process.php',
	        type: 'POST', // Send post data
	        data: 'type=fetch&userid='+userid,
	        async: false,
	        success: function(s){
                        $('#calendar').fullCalendar('addEventSource', JSON.parse(s));
	        }
		});
});

Edit: Sorry, I didn't notice that you set async to false. Anyway I would recommend doing without this and place the instruction inside the success callback.

**MikeK** · 05-16-2016, 02:05 AM

Have you thought about using a setInterval call. This way you could have the calendar refresh every (whatever you set the time for) and it takes almost no resources and would constantly refresh for all users that are connected to the site.

It would not require any inputs from a user to refresh!

A lot of that would be determined as to what you are using the calendar for on the site. It may be nice if it refreshed for everyone that was seeing it.

Just a thought.

Mike

Thread: fullcalendar.js

Thread Tools

Rate This Thread

fullcalendar.js

Tags for this Thread

Posting Permissions