MVC3 页面中的 jQuery fullcalendar 插件。以 Ajax 样式更新数据答案

【问题标题】：jQuery fullcalendar plugin in MVC3 page. Updating data in Ajax styleMVC3 页面中的 jQuery fullcalendar 插件。以 Ajax 样式更新数据
【发布时间】：2011-03-28 19:43:34
【问题描述】：

我有

带有一些事件的可编辑全日历网格，
隐藏提交表单。
hijaxed 提交回调函数
和 ActionMethod 假设返回一些 JsonResult。

目标是 - 当用户将事件从一天拖放到另一天时，表单将其数据提交给服务器，服务器检查更改数据的有效性并返回结果。

所以基本上 fullcalendar 提供了 eventDrop 事件，我可以这样使用：

 eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
        $("form[action$='UpdateCalendar']").submit(); 
    }

通过像这样的 sn-p，我可以更改提交行为：

  $(document).ready(function () 
  {
    $("form[action$='UpdateCalendar']").submit(function (){
     ...
      Here the data should be serialized and sent to the server. 
     ...
    });
    return false; // to override default form submitting behavior
   }

问题是。如何在全日历网格上获取和序列化已经渲染和显示的事件数组？

【问题讨论】：

标签： jquery asp.net-mvc-3 fullcalendar

【解决方案1】：

您可以使用它从日历中获取事件：

var events = $(calendarSelector).fullCalendar( 'clientEvents' );

以上将返回日历中的所有事件。您也可以提供过滤器函数作为第二个参数。请在此处查看clientEvents 的文档Fullcalendar documentation

将此事件集合序列化为 json。我会推荐你可以在这里找到的 JSON2 库：http://json.org/js.html

【讨论】：