Saltar al contenido

Fullcalendar – ¿Podemos agregar datos personalizados a nuestro evento Json Data?

Posterior a consultar especialistas en la materia, programadores de deferentes ramas y maestros dimos con la respuesta a la pregunta y la plasmamos en esta publicación.

Solución:

Según la documentación:

Campos no estándar

Además de los campos anteriores, también puede incluir sus propios campos no estándar en cada objeto de evento. FullCalendar no modificará ni eliminará estos campos. Por ejemplo, los desarrolladores suelen incluir un description campo para usar en devoluciones de llamada como eventRender.

Ejemplo:

$('#calendar').fullCalendar(
    events: [
        
            title: 'My Event',
            start: '2010-01-01',
            type: 1 // Custom field
        
    ],
    eventRender: function(event, element) 
        console.log(event.type); // Writes "1"
    
);

Pruébalo con events: en vez de eventSources:

$('#calendar').fullCalendar(

 events: [ 

"id":"46_l","title":"CustomEvent-Chargement","start":"2013-12-02","end":"2013-12-03","className":"customEventsClass","type":1,
"id":"46_d","title":"Custom Event-Livraison","start":"2013-12-11","end":"2013-12-12","className":"customEventsClass","type":2

]

);

En la nueva versión deberías hacer esto:

eventRender: function (info) 
    info.el.firstChild.innerHTML = info.event.extendedProps.type + " " + info.event.extendedProps.customEventsClass;

Comentarios y puntuaciones del post

Recuerda que puedes optar por la opción de decir si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *