2010-07-21 55 views
0

我在我的一個MVC項目的查看頁面上使用jquery fullcalendar來顯示事件。Jquery fullcalendar沒有顯示事件

不過,這並不表明這裏的事件 是我的代碼:

public class HighlightMonthlyEvents 
    { 
     public int id { get; set; } 
     public string EventName { get; set; } 
     public long EventStartDate { get; set; } 
     public long EventEndDate { get; set; } 
     public string url { get; set; } 

     public HighlightMonthlyEvents() 
     { 
     } 
    } 

[AcceptVerbs(HttpVerbs.Get)] 
    public JsonResult HighlightCalendar() 
    { 
     var tasksList = new List<HighlightMonthlyEvents>(); 

     tasksList.Add(new HighlightMonthlyEvents 
     { 
      id = 1, 
      EventName = "Google search", 
      EventStartDate = ToUnixTimespan(DateTime.Now), 
      EventEndDate = ToUnixTimespan(DateTime.Now.AddHours(4)), 
      url = "www.google.com" 
     }); 
     tasksList.Add(new HighlightMonthlyEvents 
     { 
      id = 1, 
      EventName = "Bing search", 
      EventStartDate = ToUnixTimespan(DateTime.Now.AddDays(1)), 
      EventEndDate = ToUnixTimespan(DateTime.Now.AddDays(1).AddHours(4)), 
      url = "www.bing.com" 
     }); 

     var highlightDays = Jayrock.Json.Conversion.JsonConvert.ExportToString(tasksList.ToArray()); 

     return Json(highlightDays, JsonRequestBehavior.AllowGet); 
    } 


<script type="text/javascript"> 
    $(function() { 

     // FullCalendar 
     alert("Helo"); 
     $('.fullcalendar').fullCalendar({ 
      theme: true, 
      header: { 
       left: 'today prev,next', 
       center: '', 
       right: '' 
      }, 
      defaultView: 'month', 
      editable: false, 
      events: function (callback) { 
            contentType: "application/json; charset=utf-8", 
     $.getJSON("/Test/HighlightCalendar/", null, 
       function (result) { 
       if (result != null) { 
        for (i in result) { 
         var calEvent = result[i]; 
         alert(calEvent.id); 
         calEvent.eventStartDate = new Date(parseInt(calEvent.eventStartDate.replace("/Date(", "").replace(")/", ""), 10)); 
         calEvent.eventEndDate = new Date(parseInt(calEvent.eventEndDate.replace("/Date(", "").replace(")/", ""), 10)); 
        } 
       } 

       var calevents = result; 
       // then, pass the CalEvent array to the callback 
       callback(calevents); 

       }); 
      } 

     }); 

我的JSON對象返回:

[{"id":1,"eventName":"Google search","eventStartDate":1279745050,"eventEndDate":1279759450,"url":"www.google.com"}, 

{"id":1,"eventName":"Bing search","eventStartDate":1279831450,"eventEndDate":1279845850,"url":"www.bing.com"}] 

警報(calEvent.id)表示不確定...

請幫幫我!

非常感謝! Anusha

回答

2

您應該使用與fullCalendar event object匹配的事件鍵(鍵:值對)。而不是eventName,請使用title並使用start而不是eventStartDate

查看事件對象鏈接以查找您應該使用的所有鍵。

噢,這個ID需要是唯一的。

編輯:哦,你可以使用event sources而不是getJson。