FullCalendar - цвета событий Календаря Google - PullRequest
3 голосов
/ 22 ноября 2011

Я использую FullCalendar для встраивания Календаря Google в эту веб-страницу

Поскольку цвета событий Календаря Google не переносятся в Полный календарь, я хотел бы выбрать стилькаждое событие локально с разными цветами фона.

Самое простое решение - добавить имя класса к каждому событию.Я хотел бы, чтобы название события было сгенерировано в имени класса.

Я пытался использовать ClassName, но не могу заставить его работать.

Надеюсь услышать кого-то с некоторымисовет.

Ответы [ 2 ]

1 голос
/ 25 апреля 2012

Я бы хотел, чтобы заголовок события генерировался в имени класса.

Так что вы можете использовать обратный вызов eventRender , например:

eventRender: function(event, element) {
    /**
     * @params
     * event : fullcalendar event
     * element : jQuery container
     */

     // be aware of whitespaces !
     element.addClass("fc-" + event.title.replace(/\s+/g, "_"));

}
1 голос
/ 28 ноября 2011

ClassName должно возвращаться в JSON, поэтому вам понадобится прокси-сервер PHP / ASHX, который вы будете вызывать, передавать ему параметры, чтобы он вызывал Google Cal, трансформировал его и возвращал что-то вроде этого ...

[{"title":"News that will blow you away!","url":"news.aspx?i=1657","start":"2011-11-22T00:01:00","end":"2011-11-22T23:59:00","color":"rgb(232,157,0)","className":"data-newsevent clickable","newsEvent":"True","EventName":null,"description":null,"EventCompTypeMSP":null}]

enter image description here

  • Proxy-Req: ваш запрос к прокси
  • Proxy-Res: ответ от вашего прокси к вам

Обратите внимание на цвет, вы можете использовать его для непосредственного определения цвета события.

Обратите внимание на мое classNames data-newsevent и возможность нажатия, я использовал те, что с jQuery, чтобы делать определенные специальные события щелчка - они на самом деле не содержат стилей цвета, но вы можете сделать это, вам, возможно, придется использовать! Важное, потому что fullCaldner применяет цвет по умолчанию.

Сначала я загружаю страницу с пустым фидом, затем запрашиваю фид с использованием клиентской стороны, она кажется более динамичной, с использованием кеша она может быть достаточно быстрой, если они перемещаются.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...