FullCalendar no se vinculará a Json feed desde ASP.NET MVC3 Acción

Question

No puedo obtener el FullCalendar complemento jquery para vincular a una matriz Json procedente de una acción ASP.NET MVC3.

He eliminado casi todo del código para tratar de encontrar el problema; Me quedo con esto, que de todos los envíos SO y el blog que he leído, se debe trabajar;

Acción (controlador de Calendario)

public JsonResult Events(double start, double end) 
    { 
     var rows = new object[] { new { title="Event1", start= "2011-04-04" }, 
            new { title="Event2", start= "2011-04-05" } }; 
     return Json(rows, JsonRequestBehavior.AllowGet); 
    } 

Ver

<script type='text/javascript'> 
    $(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     events: '@Url.Content("~/Calendar/Events")' 
    }) 
}); 

Los resultados son un calendario en blanco, sin eventos enlazados. He comprobado que el JSON se está recuperando: resultado

JSON

[{"title":"Event1","start":"2011-04-04"},{"title":"Event2","start":"2011-04-05"}] 

Y esto funciona bien:

$(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: [{title: 'Event1',start: '2011-04-04'}, 
        {title: 'Event2',start: '2011-04-05'} 
        ]}); 
    }); 

He intentado usar toda número de formatos de fecha (incluyendo ISO8601 y * nix timestamps y obtuve el mismo resultado: no hay eventos vinculados, solo un calendario en blanco. Si agrego un error $ .ajax: function al objeto .fullCalendar, se dispara, así que presumiblemente algo está pasando con el Json que se devuelve, pero Se ve bien a mi.

Estoy usando FullCalendar 1.5 (aunque también intenté 1.4.11), JQuery 1.5.1, JQueryUI 1.8.11.

He intentado todo lo que puedo pensar, ¡cualquier idea es muy apreciada!

Answer 1

Di un paso atrás y encontré el problema: hay una colisión de nombre de función entre fullcalendar.js y jquery.validate.js.

Answer 2

Tal vez en lugar de esto:

return Json(rows, JsonRequestBehavior.AllowGet); 

intenta esto:

return Json(rows.ToArray(), JsonRequestBehavior.AllowGet); 

O en lugar de esto:

events: '@Url.Content("~/Calendar/Events")' 

Prueba esto:

events: '@Url.Action("Events", "Calendar")' 

Answer 3

Utilice el método $ .ajax().

Acción (controlador de Calendario)

public JsonResult Events(string start, string end) 
    { 
     //convert string to date 
     DateTime _start = DateTime.TryParse(start, out _start) ? _start : DateTime.Now.Date; 
     DateTime _end = DateTime.TryParse(end, out _end) ? _end : DateTime.Now.Date; 

     var rows = 
     new object[] { new { title="Event1", start= "2011-04-04" },          
     new { title="Event2", start= "2011-04-05" } }; 
     return Json(rows, JsonRequestBehavior.AllowGet); 
    } 

Ver

$(document).ready(function() { 
    $('#calendar').fullCalendar({ 

    events: function (start, end, callback) { 
     $.ajax({ 
      url: '@Url.Content("~/Calendar/Events")', 
      dataType: 'json', 
      data: { 
       start: start.toLocaleString("yyyy-mm-dd"), 
       end: end.toLocaleString("yyyy-mm-dd") 
      }, 

      success: function (doc) { 
       var events = []; 
       $.each(doc, function (key, val) { 
        events.push({ 
         title: val.title, 
         start: val.start, 
         url: 'http://google.com' 
        }); 
       }); 

       callback(events); 
      } 
     }); 
    } 
    }); 
    }) 

espera que esto ayudará.