Jquery fullcalendar ne montrant pas les événements

Question

J'étais très heureux de voir un plugin de calendrier comme fullcalendar. J'essaie d'utiliser fullcalendar pour afficher les événements pour chaque mois. Mais les événements ne sont pas affichés sur le calendrier.

Mon code est:

[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 

$('.fullcalendar').fullCalendar({ 
theme: true, 
header: { 
left: 'today prev,next', 
center: '', 
right: '' 
}, 
defaultView: 'month', 
editable: false, 
events: function (callback) { 
// do some asynchronous ajax 
contentType: "application/json; charset=utf-8", 
     $.getJSON("/Test/HighlightCalendar/", null, 
       function (result) { 
       var calevents = new Array(); 
       var results = eval(result); 
       eval(results.length); 
       if (results != null) { 
       for (i in results) { 
        var calEvent = results[i]; 

        calevents.push(calEvent) 

       } 
       } 
       alert(calevents.length); 

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

       }); 
} 

}); 

Et comme pour mon JSON, il ressemble à:

[{"id":1,"allDay":false,"title":"Google search","start":1279750267,"end":1279764667,"url":"www.google.com"},{"id":2,"allDay":false,"title":"Bing search","start":1279836667,"end":1279851067,"url":"www.bing.com"}] 

Que pensez-vous de ce qui ne va pas?

Answer 1

Cela pourrait probablement avoir à voir avec des guillemets autour de votre propriété et de vos valeurs. Essayez d'inclure des guillemets dans la propriété et la valeur et vérifiez votre résultat.

J'ai atteint le même sans utiliser JSON.js comme ceci.

System.Web.Script.Serialization.JavaScriptSerializer eventListSerializer = 
                        new System.Web.Script.Serialization.JavaScriptSerializer(); 
       string eventListJSON = eventListSerializer.Serialize(addevList);