ASP.NET MVC的eventDrop

时间:2016-05-08 22:13:03

标签: c# fullcalendar

这是我的javascript代码中使用fullcalendar的部分:

<script type="text/javascript">
$(document).ready(function () {

    $('.i-checks').iCheck({
        checkboxClass: 'icheckbox_square-green',
        radioClass: 'iradio_square-green',
    });

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        weekNumbers: true,
        eventLimit: true,
        editable: true,               
        events: '/Service/GetEventSources/',
        eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) {
            $.ajax({
                url: '/Service/ChangeEvent/',
                dataType: 'POST',
                data: {
                    id: event.id,
                    start: event.start,
                    end: event.end
                },
            });
        },
    });
});
</script>

这是C#部分,我想在ASP.NET MVC中进行数据库更新 网络应用程序:

[HttpPost]
public JsonResult ChangeEvent(int id, DateTime start, DateTime end)
{

    return Json(new
    {
        id =id,
        start = start.ToString("s"),
        end = end.ToString("s")
    }, JsonRequestBehavior.AllowGet);
}

我在C#Web App中使用此捆绑包配置:

// fullCalendar styles
bundles.Add(new StyleBundle("~/plugins/fullCalendarStyles").Include(
"~/Content/plugins/fullcalendar/fullcalendar.css"));

// fullCalendar 
bundles.Add(new ScriptBundle("~/plugins/fullCalendar").Include(
"~/Scripts/plugins/fullcalendar/moment.min.js",
"~/Scripts/plugins/fullcalendar/fullcalendar.js",
"~/Scripts/plugins/fullcalendar/lang/de.js"));

我今天(2016年4月8日)下载了这些文件,因此它们是最新的。

帖子功能&#39; ChangeEvent&#39;在&#39;服务&#39;从不调用控制器 - 而是我得到以下错误(从Chrome调试模式): Google Debug View

有谁知道,这里有什么问题?

1 个答案:

答案 0 :(得分:0)

我自己回答这个问题! 问题是javascript部分。事件的开始和结束属性 必须与format()一起使用。现在一切正常:

eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) {
        $.ajax({
            url: '/Service/ChangeEvent/',
            dataType: 'POST',
            data: {
                id: event.id,
                start: event.start.format(),
                end: event.end.format()
            },
        });
    },