2010-08-27 20 views
7

Ho bisogno di creare più campi per il mio calendario (fullcalendar collegato a mysql con php). E ho letto su eventRender ma non sono del tutto sicuro della sintassi e dove dovrei dirlo.Aggiungere campi extra a fullcalendar

Attualmente ho il seguente;

$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 

    }, 

Ma non funziona e non riesco a trovare esempi funzionanti con cui confrontarlo. Grazie


Grazie per il feedback sono stato in grado di aggiungere i miei campi personalizzati utilizzando l'eventRender. Quindi ora non vengono passati solo corpo e descrizione.

Il mio problema principale ora è passare i valori di data al database poiché questi non vengono salvati. Qualcuno sa di alcuni esempi in cui viene utilizzato. Lo apprezzerei davvero molto

+0

Stai sicuramente ottenere calEvent.distributor dal server in oggetto JSON? Si prega di inviare "json-events.php" in modo che possiamo rintracciare il problema – MrBliz

risposta

8

è possibile includere i propri campi non standard in ciascun oggetto evento. FullCalendar non modificare o eliminare questi campi., Questo esempio aiutare eventRender

e vedere Event Object

6

Ecco come ho usato eventRender aggiungere alcune categorie per ogni evento. Allora posso filtrare gli eventi in base alla categoria nome

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

calendario semplicemente impressionante

+0

grazie mille! mi ha aiutato – tusar

+0

Sto cercando di usare il codice sopra ma non riesco a farlo funzionare. Quando l'evento è renderizzato, vedo solo titolo, inizio, fine ... nient'altro. Sto provando a costruire un calendario basato su questo tutorial http: //blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/...it è difficile da pubblicare codice in questa sezione di commenti. Qualsiasi aiuto sarebbe apprezzato. –

+0

in chrome dev tools console ... categoryname è indicato come non definito –

-2

Alcuni attributi qui:

{ 
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) 
}, 
Problemi correlati