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

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

我想用myql表中的dayAgenda视图显示有关我的事件的更多信息(已经存储到我的json-events.php的数组中的值)。

我阅读了fullcalendar的文档,特别是有关eventRender的文档,但我不明白代码的解释。

拜托,我该怎么办? 谢谢。

知道在任何可以调用“事件对象”的地方,您都可以从arrays中调用所需的任何字段。 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 } } 

您可以使用eventRender回调提供自己的渲染逻辑:

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

其中description是您的自定义事件属性之一。 您可能必须根据此人当前所处的视图更改渲染逻辑。

示例: http //jsfiddle.net/LjCV9/ (单击日历右上角的日期按钮)

对于较新的版本:

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