fullcalendarでイベントに関する詳細情報を追加

Question

特定のビューに情報を追加するにはどうすればよいですか？

mySqlテーブル（私のjson-events.phpからの配列に既に格納されている値）からdayAgendaビューでイベントに関する詳細を表示したいとします。

fullcalendarのドキュメント、特にeventRenderについては読んでいますが、コードの説明はわかりません。

どうすればいいですか？ありがとう。

Answer 1

どこでもあなたはあなたがあなたの望むフィールドのいずれかを呼び出すことができる「イベントオブジェクト」を呼び出すことができることを知っていますアレイ。 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 2

あなたはeventRenderコールバックを使用して、独自のレンダリングロジックを提供することができます：descriptionはカスタムイベントプロパティの一つです

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

。人が現在いるビューに応じてレンダリングロジックを変更する必要があります。

例：http://jsfiddle.net/LjCV9/（カレンダーの右上に日ボタンをクリックしてください）