FullCalendar.js未在ASP.NET MVC应用程序中显示事件

Question

我正在尝试在ASP.NET MVC应用程序中使用fullcalendar。来显示事件。 我已经加载了一些测试数据，但是它没有显示在日历中（“日历显示”）。 我已经在JavaScript中实现了一些错误处理，并且控制器的调用似乎正常工作。

同样，当直接进入控制器URL时，正确的数据也在那里。

助手类

    public class FCEvents
    {
    public int ID;
    public string EventTitle;
    public string StartDateString;
    public string EndDateString;


    public static List<FCEvents> LoadAllAppointmentsInDateRange()
    {
        using (EventDb ev = new EventDb())
        {
            var rslt =
            from e in ev.Events
            select new EventsListViewModel
            {
                EventID = e.EventID,
                EventTitle = e.EventTitle,
                CourseCode = e.Course.CourseCode, 
                StartDate = e.StartDate,
                FinishDate = e.FinishDate,
                Location = e.Location
            };

            List<FCEvents> result = new List<FCEvents>();

            foreach (var item in rslt)
            {
                FCEvents rec = new FCEvents ();
                rec.ID = item.EventID;
                rec.EventTitle = item.EventTitle + "-" + item.CourseCode + "-" + item.Location;
                rec.StartDateString = item.StartDate.ToString("s"); 
                rec.EndDateString = item.FinishDate.ToString("s");
                result.Add(rec);
            }
            return result;
        }

    }
}

GetEvents控制器

        public JsonResult GetEvents()
        {
        var elc = FCEvents.LoadAllAppointmentsInDateRange();
        var EventList =
            from e in elc
            select new 
            {
                id = e.ID,
                title = e.EventTitle,
                start = e.StartDateString,
                end = e.EndDateString
            };

        var rows = elc.ToArray();
        return Json(rows, JsonRequestBehavior.AllowGet);
    }

的JavaScript

@section Scripts {
<script type="text/javascript">
    $(document).ready(function () {
        GetEvents();
    });

    function GetEvents() {


        $('#calendar').fullCalendar({
            header: {
                left: '',
                center: 'title',
                right: 'prev, next, today'
            },
            defaultView: 'month',
            editable: false,
            selectable: true,
            dataType: 'json',

            eventSources: [
                {
                url: '@Url.Action("GetEvents")',
                type: 'POST',
                backgroundColor: 'red',
                success: function () {
                    alert('we got the events!');
                },
                error: function () {
                    alert('there was an error while fetching events!');
                },
            }],
        });
    }
</script>

}

这是控制器的结果：

“ [{” ID“：1，” EventTitle“：” FIrstAid T- \\ r \\ nHLTAID001-South Morang“，” StartDateString“：” 2015-08-14T10：00：00“，” EndDateString“：” 2015-08 -15T00：00：00“}，{” ID“：3，” EventTitle“：”急救F- \\ r \\ nHLTAID001-Richmond“，” StartDateString“：” 2015-08-11T02：08：00“，” EndDateString“：” 2015-08-13T00：00：00“}，{” ID“：4，” EventTitle“：” Fire T- \\ r \\ nHLTAID001-Richmond“，” StartDateString“：” 2015-08-20T03： 08:00“，” EndDateString“：” 2015-08-25T00：00：00“}，{” ID“：2000，” EventTitle“：” Testing- \\ r \\ nHLTAID001-Mill Park“，” StartDateString“：” 2015-08-15T00：00：00“，” EndDateString“：” 2015-08-20T00：00：00“}]”

任何帮助将不胜感激，我已经花了最后两天的时间来解决这个问题，但我似乎无法弄清楚。

回顾一下，日历是可行的，但是没有显示任何事件。

Answer 1

我一直在处理相同的问题，所以我想我很沮丧。 但是，我尝试了下面的示例，并且此示例适用。 我没什么区别，只有@ Url.Action在JavaScript中给我一个错误

    eventSources: [
    {
        url: '/Agenda/GetEvents/',
        type: 'POST',
        data: { userId: $('#UserId').val() },
        backgroundColor: 'red',
        success: function () {
            alert('we got the events!');
        },
        error: function () {
            alert('there was an error while fetching events!');
        },
    }
],