MVC3 페이지에서 jQuery fullcalendar 플러그인. 아약스 스타일

Question

에서 업데이트 데이터가 나는 양식을 제출 숨겨진

몇 가지 이벤트와

1. 편집 가능한 fullcalendar 그리드,
2. 있습니다.
3. hijaxed 제출 콜백 함수
4. 및 일부 JsonResult를 반환한다고 가정하는 ActionMethod.

목표는 사용자가 일정을 다른 날로 끌어다 놓을 때 양식이 서버로 데이터를 제출할 때 서버가 변경된 데이터의 유효성을 검사하고 결과를 반환합니다.

그래서 기본적으로 fullcalendar 내가 그런 식으로 사용할 수있는, eventDrop 이벤트를 제공합니다

$(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 
    } 

질문은 다음과 같습니다

이

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

이 같은 조각과 내가 제출 동작을 변경할 수 있습니다. fullcalendar 그리드에서 이벤트 배열을 가져와 직렬화하는 방법. 이미 렌더링되어 표시 되었습니까?

Answer 1

당신은 달력에서 이벤트를 얻기 위해 이것을 사용합니다 :

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

은 위의 달력에서 모든 이벤트를 반환합니다. 필터 함수를 두 번째 매개 변수로 제공 할 수도 있습니다. clientEvents에 대한 설명서를 참조하십시오. Fullcalendar documentation

이 이벤트 컬렉션을 json으로 serialize하려면이 절차를 수행하십시오. 여기에서 찾을 수있는 JSON2 라이브러리를 권장합니다 : http://json.org/js.html