2010-08-27 75 views
7

Necesito crear más campos para mi calendario (fullcalendar conectado a mysql con php). Y he estado leyendo en eventRender, pero no estoy completamente seguro de la sintaxis y dónde debería ubicarla.Agregue campos adicionales a fullcalendar

Actualmente tengo lo siguiente;

$calendar.fullCalendar({ 
    timeslotsPerHour : 4, 
    defaultView:'agendaWeek', 
    allowCalEventOverlap : true, 
    overlapEventsSeparate: true, 
    firstDayOfWeek : 1, 
    businessHours :{start: 8, end: 18, limitDisplay: true }, 
    daysToShow : 7, 
     theme: true, 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 

     editable: true, 
     events: "json-events.php", 
    eventRender : function(calEvent, $event) { 
     calEvent.distributor //this is my new field 

    }, 

Pero no está funcionando y no puedo encontrar ningún ejemplo de trabajo para compararlo. Gracias


gracias por los comentarios que he podido añadir mis campos personalizados utilizando la eventRender. Así que ahora no solo el cuerpo y la descripción están siendo aprobados.

Mi problema principal ahora es pasar los valores de fecha a la base de datos ya que no se guardan. ¿Alguien sabe de algún ejemplo donde se usa esto? Realmente lo apreciaría mucho.

+0

¿Está consiguiendo definitivamente calEvent.distributor nuevo desde el servidor en el objeto JSON? Por favor, publique "json-events.php" para que podamos rastrear el problema – MrBliz

Respuesta

8

puede incluir sus propios campos no estándar en cada objeto de evento. FullCalendar no va a modificar o eliminar estos campos., Este ejemplo le ayude eventRender

y ver Event Object

6

Aquí es cómo solía eventRender añadir algunas categorías para cada evento. Entonces puedo filtrar los eventos basados ​​en nombre de la categoría

eventRender: function(event, element) { 
     element.attr("categories",event.categoryname) 
    } 

calendario simplemente impresionante

+0

¡muchas gracias! Me ayudó. – tusar

+0

Estoy tratando de usar el código anterior, pero no puedo hacerlo funcionar. Cuando se procesa el evento, solo puedo ver el título, el inicio, el final ... nada más. Estoy intentando crear un calendario basado en este tutorial http: //blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/...it es difícil de publicar código en esta sección de comentarios. Cualquier ayuda sería apreciada. –

+0

en la consola de herramientas chrome dev ... categoryname se muestra como indefinido –

-2

Algunos atributos aquí:

{ 
title: 'Birthday Party', 
start: new Date(y, m, d + 1, 19, 0), 
end: new Date(y, m, d + 1, 22, 30), 
allDay: false, 
backgroundColor: "#00a65a", //Success (green) 
borderColor: "#00a65a" //Success (green) 
}, 
Cuestiones relacionadas