完整日历 GetEvents() 方法调用不起作用

Full Calendar GetEvents() method call not working

本文关键字:方法 调用 不起作用 日历 GetEvents      更新时间:2023-09-26

我正在尝试从数据库中获取事件,但无法使其工作。事件未显示在我的日历和 Web 控制台中,我得到:

无法加载资源:服务器以状态 500 响应(内部服务器错误)

引发的异常:

参数字典包含不可为空类型"System.Double"的参数"start"的空条目,用于"ForecastCalendar.Controllers.HomeController"中的方法"System.Web.Mvc.JsonResult GetEvents(Double,Double)"。可选参数必须是引用类型、可为 null 的类型或声明为可选参数。参数名称:参数

以下是控制器中用于获取事件的方法:

public JsonResult GetEvents(double start, double end)
{
    var events = new List<Event>();
    var dtstart = ConvertFromUnixTimestamp(start);
    var dtend = ConvertFromUnixTimestamp(end);
    DateTime currStart;
    DateTime currEnd;
    foreach (Event ev in db.Events)
    {
        currStart = Convert.ToDateTime(ev.StartDate);
        currEnd = Convert.ToDateTime(ev.EndDate);
        events.Add(new Event()
        {
            ID = ev.ID,
            Title = ev.Title,
            StartDate = currStart,
            EndDate = currEnd,
            AllDay = true,
            EventType = ev.EventType,
            Hours = ev.Hours
        });
    }
    var rows = events.ToArray();
    return Json(rows, JsonRequestBehavior.AllowGet);
}
private static DateTime ConvertFromUnixTimestamp(double timestamp)
{
    var origin = new DateTime(1970, 1, 1, 0, 0, 0, 0);
    return origin.AddSeconds(timestamp);
}

以下是我的事件模型:

using System;
using System.ComponentModel.DataAnnotations;
namespace ForecastCalendar.Models
{
    public enum EventType
    {
        BAU,
        Project,
        AnnualLeave
    }
    public class Event
    {
        public int ID { get; set; }
        [Required]
        [DataType(DataType.Date, ErrorMessage = "Please enter a valid date.")]
        [DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
        [Display(Name = "Start Date")]
        public DateTime StartDate { get; set; }
        [Required]
        [DataType(DataType.Date, ErrorMessage = "Please enter a valid date.")]
        [DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
        [Display(Name = "End Date")]
        public DateTime EndDate { get; set; }
        [Required]
        [StringLength(50, ErrorMessage = "Title cannot be longer than 50 characters.")]
        [RegularExpression(@"^[a-zA-Z- ]+$", ErrorMessage = "Invalid characters used. A-Z or a-z, '-' and ' ' allowed.")]
        [Display(Name = "Title")]
        public string Title { get; set; }
        [Required]
        [EnumDataType(typeof(EventType), ErrorMessage = "Submitted value is not valid.")]
        [Display(Name = "Type")]
        public EventType? EventType { get; set; }
        [Required]
        public double Hours { get; set; }
        [Required]
        public Boolean AllDay { get; set; }
        [Timestamp]
        public byte[] RowVersion { get; set; }
        public virtual Person Person { get; set; }
    }
}

这是呈现日历的 JavaScript。

@{
    ViewBag.Title = "Home Page";
}
@Styles.Render("~/Content/fullcalendar")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/fullcalendar")
<br />
<div class="container">
    <div id="calendar"></div>
</div>
<br />
<script type="text/javascript">
$(document).ready(function () {
    $('#calendar').fullCalendar({
        header: {
            left: 'title',
            center: '',
            right: 'prev,next today' },
        defaultView: 'month',
        weekends: false,
        editable: false,
        events: "/Home/GetEvents/"
    });
});
</script>

任何帮助将不胜感激。

编辑:

我已经更改了我的 GetEvents() 方法以符合完整日历中的事件类型。

public JsonResult GetEvents(double start, double end)
        {
            var fromDate = ConvertFromUnixTimestamp(start);
            var toDate = ConvertFromUnixTimestamp(end);
            var rslt = db.Events;
            List<Event> result = new List<Event>();
            foreach (var item in rslt)
            {
                Event ev = new Event();
                ev.ID = item.ID;
                ev.Title = item.Title;
                ev.Hours = item.Hours;
                ev.StartDate = item.StartDate;
                ev.EndDate = item.EndDate;
                ev.EventType = item.EventType;
                ev.AllDay = ev.AllDay;
            }
            var resultList = result;
            var eventList = from e in resultList
                            select new
                            {
                                id = e.ID,
                                title = e.Title,
                                start = e.StartDate,
                                end = e.EndDate,
                                allDay = e.AllDay
                            };
            var rows = eventList.ToArray();
            return Json(rows, JsonRequestBehavior.AllowGet);
        }

检查您在 GetMethods 接收的服务器端接收的参数,该参数具有正在等待两个 Double 参数的签名,这些参数不为空。

此外,您还将直接从模型事件对象发送 JSON 对象。然后,在客户端,这个 JSON 对象直接作为源注入到全日历中。但是 fullcalendar 需要文档中命名的属性,因此 starttitle 是必需属性。

从完整日历文档事件对象

'start'

事件开始的日期/时间。必填。

一个类似 Moment 的输入,如ISO8601字符串。在整个 API 中,这 将成为真正的时刻对象。

但是您的 JSON 对象没有 start 属性,但StartDate

现在,您可以:

  • 更改模型以匹配完整日历属性。
  • 映射服务器端的属性,以便返回具有正确名称的 JSON。
  • 。您也可以在客户端映射它们,但基于您当前的代码将是乏味和肮脏的

无论如何,请确保在客户端具有具有start属性的对象。

老问题,但在遵循一些有关如何实现 GetEvents 方法的教程后,我刚刚遇到了同样的问题。就我而言,日历从未点击 GetEvents 方法,当我将其设置为期望像这样两个双精度类型的参数时,它从未命中

public JsonResult GetEvents(double start, double end) 

查看错误时,我看到日历尝试调用以下方法:

/GetEvents?start=2013-12-01&end=2014-01-12&_=1386054751381

我的日历的默认视图是"月"。将我的 GetEvents 方法更改为需要两个字符串

public JsonResult GetEvents(string start, string end)

瞧,当我刷新页面时,日历会尝试刷新并调用我的 GetEvents 方法。但是,由于您现在处理的是字符串而不是双精度,因此您还需要更改代码的这一部分:

var dtstart = ConvertFromUnixTimestamp(start);
var dtend = ConvertFromUnixTimestamp(end);

处理字符串(格式如下:"2013-12-01")