unable to set dynamic data in jquery fullcalendar through ajax

Question

can somebody tell me how to populate "jquery fullcalendar" events using ajax.

There is no setter method provided in fullcalendar to set ajax response (which is Json object) after calendar object loads. Is there any way to feed data after calendar object loads?

In my case very first time I provide data in fullcalendar "event:" property and it is working fine. But when I press next or previous to switch one month to another, I'm unable to feed data into that.

Thnx in advance

Answer 1

Rather than fetching the events by Ajax and then putting them in the calendar, you can use the fullcalendar to do all of the Ajax for you:

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

Then the correct events will be fetched according to the range of dates the user is viewing. See the fullcalendar documentation for more info.

Answer 2

in ASP.NET MVC View:

$('#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());
    }

or you can use:

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

after each event handle