2010-08-27 12 views
7

Мне нужно создать больше полей для моего календаря (fullcalendar подключен к mysql с php). И я читал в eventRender, но я не совсем уверен в синтаксисе и где я должен его поместить.Добавить дополнительные поля в fullcalendar

В настоящее время у меня есть следующее:

$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 

    }, 

Но я не работаю, и я не могу найти никаких рабочих примеров для его сравнения. Благодаря


спасибо за обратную связь я смог добавить свои собственные поля с помощью eventRender. Так что теперь не только тело и описание передаются.

Моя основная проблема теперь передает значения даты в базу данных, поскольку они не сохраняются. Кто-нибудь знает какие-либо примеры, где это используется. Я бы действительно это оценил.

+0

Вы определенно получать calEvent.distributor от сервера в объекте JSON? Пожалуйста, напишите «json-events.php», чтобы мы могли отслеживать проблему. – MrBliz

ответ

8

вы можете включать свои собственные нестандартные поля в каждый объект события. FullCalendar не будет изменять или удалять эти поля. Этот пример поможет вам eventRender

и посмотреть Event Object

6

Вот как я использовал eventRender добавить некоторые категории для каждого события. Тогда я могу фильтровать события, основанные на категории имени

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

Просто удивительный календарь

+0

большое спасибо! это помогло мне. – tusar

+0

Я пытаюсь использовать приведенный выше код, но я не могу заставить его работать. Когда событие отображается, я получаю только заголовок, начало, конец ... ничего. Я пытаюсь создать календарь на основе этого учебника http: //blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/...it трудно опубликовать кода в этом разделе комментария. Любая помощь будет оценена по достоинству. –

+0

в chrome dev tools console ... categoryname отображается как undefined –

-2

Некоторые атрибуты здесь:

{ 
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) 
}, 
Смежные вопросы