0

Este es mi código con ajax. Ingresa el dato en la base de datos sin problema. Pero no me refresca los eventos del FullCalendar

¿Por qué?

        $.ajax({
            type: 'POST',
            url: 'ajax/ajax.plantilla.php?accion=' + accion,
            data: objEvento,
            success: function(msg) {
                console.log(msg);
                if (msg) {


                    calendar.refetchEvents();

                    $('#modalReserva').modal('toggle');


                }
            },
            error: function() {
                alert("hay un error..");
            }
        });
    }
1
  • 1
    paseandome un rato por "docs" de fullcalendar, refetchevents fue removido en la versión 4, al parecer debes obtener la fuente de datos del evento (sourceEvent) y a ese aplicarle el fetch fullcalendar.io/docs/EventSource-refetch
    – LPZadkiel
    Commented el 27 sept. 2019 a las 18:35

2 respuestas 2

0

Según la documentación oficial: https://fullcalendar.io/docs/event-display

"Rerenders all events on the calendar."

Se vincula con este código:

calendar.rerenderEvents()

Sin embargo, de acuerdo a los cambios en su API: https://fullcalendar.io/docs/upgrading-from-v3

Ahora, en tu código, esto podría funcionar:

    $.ajax({
        type: 'POST',
        url: 'ajax/ajax.plantilla.php?accion=' + accion,
        data: objEvento,
        success: function(msg) {
            console.log(msg);
            if (msg) {


               var eventSource = calendar.getEventSourceById('a');
               eventSource.refetch();

                $('#modalReserva').modal('toggle');


            }
        },
        error: function() {
            alert("hay un error..");
        }
    });
}
2
  • Ya lo he intentado con esa funcion anteriormente pero sigo sin obtener que se actualicen los eventos. Tengo que recargar toda la la pagina para que me muestro el registro una vez ingresados
    – Israel
    Commented el 27 sept. 2019 a las 18:47
  • ¿Ya viste calendar.addEvent( event [, source ] ) ? La demoa está aquí: fullcalendar.io/docs/Calendar-addEvent-demo
    – fredyfx
    Commented el 27 sept. 2019 a las 18:52
0

Si amigo esa he estado usando y si actualiza sin problemas el fullcalendar. Solo para hacer el registro no hay problema. El problema es cuando voy a borrae el evento. Y como uso el ID para borrar que viene desde la base de datos no me lo muestra debido a que el fullcalendar no se refresca.

$.ajax({ type: 'POST', url: 'ajax/ajax.plantilla.php?accion=' + accion, data: objEvento, success: function(msg) { console.log(msg); if (msg) {

                    calendar.rerenderEvents()
                    calendar.addEvent({
                        id: $("#txtId").val(),
                        title: $("#txtNombre").val(),
                        start: $("#txtFechaInicio").val(),
                        end: $("#txtFechaFinal").val(),
                        resourceId: $("#txtHabitacion").val(),

                        extendedProps: {
                            habitacion: $("#txtHabitacion").val(),
                        },
                    })

                    $('#modalReserva').modal('toggle');


                }
            },
            error: function() {
                alert("hay un error..");
            }
        });
    }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.