Javascript 未触发eventRender Fullcalendar ASP.net C webforms

我在fullcalendar上显示事件时遇到问题。我将ASP.net webforms与C一起使用。我调用ashx处理程序从数据库加载值，然后将其格式化为json响应并发送回。下面是用于生成日历的javascript：

$(document).ready(function () {

// update Dialog


// page is now ready, initialize the calendar...

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

var calendar = $('#calendar').fullCalendar({
    // put your options and callbacks here
    header:
    {
        left: 'title',
        center: '',
        right: 'month,agendaDay,agendaWeek, prev,next'
    },
    height: 600,
    //contentHeight: auto,
    titleFormat: 'MMMM D YYYY',
    columnFormat: 'ddd D/M',
    defaultView: 'agendaWeek',
    handleWindowResize: true,
    allDaySlot: true,
    minTime: '09:00:00',
    maxTime: '18:00:00',
    slotLabelFormat: 'h(:mm)a',
    slotLabelInterval: '01:00:00',
    firstDay: 1,
    weekends: false,
    hiddenDays: [6, 7],
    selectHelper: true,
    select: selectDate,
    editable: true,
    eventDrop: eventDropped,
    eventResize: eventResized,
    events: {
        url: 'JsonResponse.ashx',
        color: 'yellow',
        error: function () {
            alert('Error while Getting events!');
        }
    },

    eventRender: function (event, element) {
        console.log("here");
        //alert(event.title);
        element.qtip({
            content: event.description,
            style: {
                border: {
                    width: 1,
                    radius: 3,
                    color: '#2779AA'

                },
                padding: 10,
                textAlign: 'center',
                tip: true, // Give it a speech bubble tip with automatic corner detection
                name: 'cream' // Style it according to the preset 'cream' style
            },
            error: function () {
                alert('Error while Getting events!');
            },
            success: function () {
                alert('Success!');
            }

        });
    }


});

});

这是我在浏览器网络跟踪中得到的JSON响应：

{id:8，标题：tester，开始：2018-01-30，结束：2018-01-30，全天：false，描述：tester}

用于生成JSON的ASHX文件：

{


public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "application/json";

    DateTime start = new DateTime(1970, 1, 1);
    DateTime end = new DateTime(1970, 1, 1);

    start = Convert.ToDateTime(context.Request.QueryString["start"]);
    end = Convert.ToDateTime(context.Request.QueryString["end"]);


    String result = String.Empty;

    result += "\"[";
    eventSerializer newEvent = new eventSerializer();
    List<int> idList = new List<int>();
    foreach (CalendarEvent cevent in EventDAO.getEvents(start, end))
    {

        String allDay = "true";
        if (ConvertToTimestamp(cevent.start).ToString().Equals(ConvertToTimestamp(cevent.end).ToString()))
        {

            if (cevent.start.Hour == 0 && cevent.start.Minute == 0 && cevent.start.Second == 0)
            {
                allDay = "true";
            }
            else
            {
                allDay = "false";
            }
        }
        else
        {
            if (cevent.start.Hour == 0 && cevent.start.Minute == 0 && cevent.start.Second == 0
                && cevent.end.Hour == 0 && cevent.end.Minute == 0 && cevent.end.Second == 0)
            {
                allDay = "true";
            }
            else
            {
                allDay = "false";
            }
        }

        newEvent.id = cevent.id;
        newEvent.title = cevent.title;
        newEvent.start = cevent.start.ToString("yyyy-MM-dd");;
        newEvent.end = cevent.end.ToString("yyyy-MM-dd");;
        newEvent.allday = allDay;
        newEvent.description = cevent.description;

    }

    JavaScriptSerializer js = new JavaScriptSerializer();
    string jsonData = js.Serialize(newEvent);
    context.Response.Write(jsonData);
}

public bool IsReusable
{
    get
    {
        return false;
    }
}

private long ConvertToTimestamp(DateTime value)
{


    long epoch = (value.ToUniversalTime().Ticks - 621355968000000000) / 10000000;
    return epoch;

}

}

public class eventSerializer
{

public int id;
public string title;
public string start;
public string end;
public string allday;
public string description;
}

我尝试将console.log添加到eventRender函数中，但它似乎没有被触发。这些事件也不会添加到日历中。我没有得到任何错误

---

如果您对我的错误有任何建议，我们将不胜感激

多亏了@ADyson，问题似乎与JSON没有以正确的格式返回有关。将JSON添加到列表并序列化列表后，事件将显示在日历上。有关更新的ASHX，请参见下文

public class JsonResponse : IHttpHandler, IRequiresSessionState
{

public void ProcessRequest(HttpContext context)
{
    context.Response.ContentType = "application/json";

    DateTime start = new DateTime(1970, 1, 1);
    DateTime end = new DateTime(1970, 1, 1);

    start = Convert.ToDateTime(context.Request.QueryString["start"]);
    end = Convert.ToDateTime(context.Request.QueryString["end"]);

    List<int> idList = new List<int>();
    List<object> eventList = new List<object>();

    foreach (CalendarEvent cevent in EventDAO.getEvents(start, end))
    {
        eventSerializer newEvent = new eventSerializer();

        bool allDay = true;
        if (ConvertToTimestamp(cevent.start).ToString().Equals(ConvertToTimestamp(cevent.end).ToString()))
        {

            if (cevent.start.Hour == 0 && cevent.start.Minute == 0 && cevent.start.Second == 0)
            {
                allDay = true;
            }
            else
            {
                allDay = false;
            }
        }
        else
        {
            if (cevent.start.Hour == 0 && cevent.start.Minute == 0 && cevent.start.Second == 0
                && cevent.end.Hour == 0 && cevent.end.Minute == 0 && cevent.end.Second == 0)
            {
                allDay = true;
            }
            else
            {
                allDay = false;
            }
        }

        idList.Add(cevent.id);

        newEvent.id = cevent.id;
        newEvent.title = cevent.title;
        newEvent.start = cevent.start.ToString("yyyy-MM-dd HH:mm");
        newEvent.end = cevent.end.ToString("yyyy-MM-dd HH:mm");
        newEvent.allDay = allDay;
        newEvent.description = cevent.description;

        eventList.Add(newEvent);
    }

    //store list of event ids in Session, so that it can be accessed in web methods
    context.Session["idList"] = idList;

    JavaScriptSerializer js = new JavaScriptSerializer();
    string jsonData = js.Serialize(eventList);
    context.Response.Write(jsonData);
}

public bool IsReusable
{
    get
    {
        return false;
    }
}

private long ConvertToTimestamp(DateTime value)
{
    long epoch = (value.ToUniversalTime().Ticks - 621355968000000000) / 10000000;
    return epoch;
}

}

public class eventSerializer
{
public int id;
public string title;
public string start;
public string end;
public bool allDay;
public string description;
}

---

您的JSON无效。显示用于生成它的代码。@ADyson根据JSON lint这是有效的吗？是的，从某种意义上说，它只是一个字符串。JSONLint只是将其视为一个大变量。但它不能解析为数组，这正是fullCalendar所期望的。你为什么要以这个名字通过串接字符串手动构建JSON？使用JSON.NET或类似工具将数据自动序列化为有效的JSON，不费吹灰之力，也不会出现这样的基本语法错误。甚至在JSON.NET存在多年之前，.NET就已经内置了其他JSON serialiser工具。“从来没有必要采取这种方法。”阿德森说得通。我对JSON和Javascript没有太多经验，我一直在关注一个在线示例，它似乎已经过时了。你能告诉我如何使用JSON.net构建我的JSON吗？实际上，在库的主页上有一个示例：。文档中也有很多，如果你尝试的话，可能会在互联网上到处都是。我相信你可以很容易地将同样的原则应用到你的事件列表提示：列表。它的好处是，您只需要了解C，实际上不需要了解太多关于JSON的知识。试试看，如果你被卡住了，用你的新代码更新你的问题，我会帮你解决的。快来吧！代码可以再优化一点，例如，allday需要是allday才能在fullCalendar中生效，而且值需要是布尔值而不是字符串，即true不是true，另外我非常确定有一种更简单的方法来确定DateTime是否有时间组件，但除此之外，它看起来就像您正在启动并运行。好东西，谢谢你的帮助@阿德森：没问题。顺便说一句，如果您愿意，您可以接受自己的答案：-