2010-08-27 9 views
7

Je dois créer plus de champs pour mon calendrier (fullcalendar connecté à mysql avec php). Et j'ai lu sur eventRender mais je ne suis pas entièrement sûr de la syntaxe et où je devrais le mettre.Ajouter des champs supplémentaires à fullcalendar

Actuellement, j'ai ce qui suit;

$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 

    }, 

Mais je ne travaille pas et je ne trouve pas d'exemples de travail pour le comparer. Merci


Merci pour les commentaires que j'ai pu ajouter mes champs personnalisés à l'aide du eventRender. Donc maintenant, pas seulement le corps et la description sont passés.

Mon principal problème maintenant est de transmettre les valeurs de date à la base de données car elles ne sont pas enregistrées. Quelqu'un sait-il des exemples où cela est utilisé. Je l'aurais vraiment beaucoup apprécié.

+0

en êtes-vous définitivement calEvent.distributor à partir du serveur dans l'objet JSON? S'il vous plaît poster "json-events.php" afin que nous puissions trouver le problème – MrBliz

Répondre

8

Vous pouvez inclure vos propres champs non standard dans chaque objet d'événement. FullCalendar ne modifiera pas ou supprimer ces champs., Cet exemple vous aider à eventRender

voir Event Object

6

Voici comment je eventRender d'ajouter certaines catégories à chaque événement. Ensuite, je peux filtrer les événements en fonction du nom de la catégorie

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

calendrier

+0

merci beaucoup! ça m'a aidé. – tusar

+0

J'essaie d'utiliser le code ci-dessus, mais je ne peux pas le faire fonctionner.Lorsque l'événement est rendu, je ne vois que le titre, début, fin ... rien d'autre.J'essaie de construire un calendrier basé sur ce tutoriel http: //blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/...it est difficile à poster code dans cette section de commentaire. Toute aide serait appréciée. –

+0

dans la console des outils de développement chrome ... categoryname est affiché comme indéfini –

-2

Tout simplement génial Certains attributs ici:

{ 
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) 
}, 
Questions connexes