2013-11-19 4 views
4

У меня есть несколько json-каналов, которые я хотел бы отображать в календаре.FullCalendar и несколько источников событий

Глядя на документы, есть какое-то объяснение, но нет примера наличия более 1 фида json.

У меня есть следующие:

var source = Array(); 
source[0] = '/feed1.php'; 
source[1] = '/feed2.php'; 
eventSources: [ 
    source[0], 
    source[1] 
] 

Это отображает события в порядке, и я могу показаться, что их на моем календаре

Но как бы я различать между ними с точки зрения цвета?

Благодаря

ответ

9

Вы можете использовать расширенную форму источников событий, чтобы дать каждому источнику свой собственный цвет. В приведенном ниже коде «цвет» - это цвет фона события, а «textColor» - цвет текста события.

$('#calendar').fullCalendar({ 
    header: { 
    left: 'prev,next', 
    center: 'title', 
    right: 'today' 
    }, 

    eventSources: [ 
    { 
     url: '/feed1.php', 
     color: 'yellow', 
     textColor: 'black' 
    }, 
    { 
     url: '/feed2.php', 
     color: 'blue', 
     textColor: 'white' 
    } 
    ] 
}); 

Вот JSFiddle, который использует этот метод: http://jsfiddle.net/emcw5/4/.

+0

Hi. Когда я использую вышеуказанный код, заменяя 'feedX.php' URL-адресами на мой JSON, события не отображаются. Он даже не звонит на эти скрипты (смотрится в консоли). Есть идеи? – user789122

+0

Если вы нажмете кнопку «Далее», а затем кнопку «Пред», обновит ли это экран? Согласно http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/, fullcalendar посещает URL-адрес всякий раз, когда ему нужны новые данные о событиях. Я не уверен, почему он не вызывает эти URL-адреса при начальной загрузке. И, чтобы подтвердить, ваши URL-адреса возвращают данные о событиях в формате JSON, правильно? –

+0

FYI, я только заметил, что забыл включить закрывающие скобки на последней строке. Просто отредактировал мой ответ, чтобы исправить это. –

Смежные вопросы