在fullcalendar中添加有關事件的更多信息

Question

如何向特定視圖添加更多信息？

我想通過mysql表中的dayAgenda視圖顯示有關事件的更多信息（已經存儲到數組中的值來自json-events.php）。

我閱讀了完整日歷的文檔，尤其是有關eventRender的文檔，但我不理解該代碼的說明。

拜托，我該怎么做？ 謝謝。

Answer 1

您可以使用eventRender回調提供自己的呈現邏輯：

eventRender: function(event, element, view) {
    if (view.name === "agendaDay") {
        element.find(".fc-event-content")
            .append("<b>Description</b>:" + event.description);
    }
}

description是您的自定義事件屬性之一。 您可能必須根據人物當前所處的視圖來更改渲染邏輯。

示例： http : //jsfiddle.net/LjCV9/ （單擊日歷右上方的“ 天”按鈕）

Answer 2

知道在任何可以調用“事件對象”的地方都可以調用數組中需要的任何字段。 AKA。

eventRender: function(event){
    var description = event.description; 
    var firstname = event.firstname;} //or
eventMouseover: function(event){
    var description = event.description; 
    var lastname = event.lastname;} // or
eventResize(event): function(event){
    var description = event.description; 
    var place = event.place;} // you get the picture...

您也可以使用...指定特定視圖

var view = calendar.fullCalendar('getView');
if(view.name === "agendaDay"){
    // do something
}

或者通過在回調內部使用一些內置的視圖對象，例如...

eventRender: function(event, element, view){
    if(view.name === "agendaDay"){
        // do something
    }
}

Answer 3

對於較新的版本：

$('#calendar').fullCalendar({
eventRender: function (objEvent, element, view) {
    if (view.name === "agendaDay") { //or agendaWeek
        element.find(".fc-content")
                .append("<b>Other Info</b>:<br/>" + objEvent.otherInfo);
    }
} });