在完整日历中添加有关事件的更多信息

Question

如何向特定视图添加更多信息?

我想显示更多的信息关于我的事件与dayAgenda视图从我的mysql表(值已经存储到数组来自我的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/(点击日历右上角的Day按钮)

Answer 2

要知道，在任何可以调用"事件对象"的地方，都可以从数组中调用所需的任何字段。又名。

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);
    }
} });