¿Cómo puedo recibir una notificación cuando el usuario haga clic en ‘next’ (flecha) ?
Estoy usando el calendario en la vista de mes y quiero cargar el próximo mes de datos sobre la demanda.
También, hacer smbdy tiene un ejemplo de consumo de datos de ASP.NET (llamada AJAX) ?

InformationsquelleAutor SevenIron | 2010-02-08

3 Comentarios

  1. 1

    Su forma de acercarse a la que está mal. Usted puede necesitar escribir una API que devuelve la lista de calendario de objetos JSON, y use las siguientes opciones.

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

    Entonces, fullcalendar llamar automáticamente /myfeed.php cada vez que sea necesario.
    por ejemplo, Si un usuario hace clic en ‘prev’ o ‘siguiente’ botón de mes.

    Aquí la dirección URL de ejemplo fullcalendar generará :

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

    Para obtener más información, por favor visite la siguiente dirección URL.
    http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

  2. 0

    Aquí el viewDisplay función se llama cuando el usuario hace clic en next/prev. También, usted puede ver que es el que está recibiendo la próxima gran cantidad de datos a través de AJAX.
    Espero que esta ayuda 🙂

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

Dejar respuesta

Please enter your comment!
Please enter your name here