jQuery FullCalendar нажмите кнопку «Далее»

Question

Как я могу получить уведомление, когда пользователь нажимает «Далее» (стрелка)? Я использую календарь в представлении месяца и хочу загрузить данные следующего месяца по запросу. Кроме того, есть ли в smbdy пример использования данных из ASP.NET (вызов AJAX)?

Answer 1

вы можете использовать триггер viewDisplay (http://arshaw.com/fullcalendar/docs/display/viewDisplay/), но он вызывается также, когда загружается календарь или пользователь переключает представления.

звучит так, как будто вам нужна функция событий : http://arshaw.com/fullcalendar/docs/event_data/events_function/

для вещи asp.net, вы смотрели здесь? http://weblogs.asp.net/gunnarpeipman/archive/2010/02/03/using-fullcalendar-jquery-component-with-asp-net-mvc.aspx

Answer 2

Ваш подход неверен. Вам может понадобиться написать API, который возвращает список объектов календаря в JSON, и использовать следующие параметры.

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

Затем fullcalendar будет автоматически вызывать /myfeed.php всякий раз, когда это необходимо. например Если пользователь нажимает кнопку «предыдущий» или «следующий» месяц.

Вот пример URL, который сгенерирует fullcalendar:

/myfeed.php?start=1262332800&end=1265011200&_=1263178646

Для получения дополнительной информации, пожалуйста, посетите следующий URL. http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

Answer 3

Здесь функция viewDisplay вызывается, когда пользователь нажимает следующий / предыдущий.Кроме того, вы можете видеть, что получает следующую партию данных через AJAX.Надеюсь, это поможет:)

$(document).ready(function () {

var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'resourceMonth'
    },
    defaultView: 'resourceWeek',


    eventSources: [ getCalData() ],
    header: {
        left: 'prev,next today',
        center: 'title',
        right: ''
    },
    viewDisplay: function (view) {
        $('#calendar').fullCalendar('removeEvents');
        $('#calendar').fullCalendar('addEventSource', getCalData());
        $('#calendar').fullCalendar('rerenderEvents');
    }
  });
});


function getCalData() {

var source = [{}];
$.ajax({
    async: false,
    url: '/mysite/GetWeekData',
    data: { myParam: $('#calendar').fullCalendar('getView').visStart },
    success: function (data) {
        $(data).each(function () {
            source.push({
                title: $(this).attr('title'),
                start: $(this).attr('start'),
            });
        });
    },
    error: function () {
        alert('could not get the data');
    },
});
return source;
}