FullCalendar: how to fetch new events by AJAX in the moment of month changing?

Question

I am learning FullCalendar JS plugin by Adam Shaw now. And first at all I want to say "Thanks a lot" to the plugin author.

What is a Calendar view? This is a list of records (calendar events). And I have to control this list size, or I hit limits (no more than 1000 records can be passed from Controller to View).

I see two ways:

(1) Traditional Selectors above calendar ('Please select month' - and I retrieve from Database only that month records (calendar events). Good - but if to start switching months inside Calendar - the other months will be empty (have no events)...

(2) To make 'pagination' of calendar events from month to month:

2-1. If you switch months by "<>" buttons (inside Calendar section) - a page makes postback (rerender full page or rerender only calendar section by AJAX) and retrieves records of picked month.

2-2. Probably the best way: If you switch months by "<>" buttons (regardless which calendar view - day, week, month - in use) - script upload new month records by ajax/json and place them in calendar. Don't know how to do that, but i am going to read over the documentation carefully.

If you have experience how overcome this problem of fetching to many records in Calendar events - please share.

Thanks

Answer 1

fullCalendar already have this feature, check this out, http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

Answer 2

you are looking for gotoDate (http://arshaw.com/fullcalendar/docs/current_date/gotoDate/) which will refetch your events for the given date object or year and month.

From documentation:

.fullCalendar( 'gotoDate', year [, month, [ date ]] )