fullCalendar - 색상 옵션이있는 addEventSource

Question

캘린더에 일정을 동적으로 추가하는 기능이 있습니다.

function AddEventSourceDetailed(act_id) { 
    $('#calendar').fullCalendar('addEventSource', function (start, end, callback) { 
     var startTime = Math.round($('#calendar').fullCalendar('getView').start.getTime()/1000); 
     var endTime = Math.round($('#calendar').fullCalendar('getView').end.getTime()/1000); 
     time = endTime - startTime; 
     //alert(time); 
     if (time <= 604800) { 
      $.ajax({ 
       type: 'POST', 
       url: '/Employee/GetScheduleDetailedArray/', 
       async: false, 
       dataType: "json", 
       data: { 
        // our hypothetical feed requires UNIX timestamps 
        start: Math.round(start.getTime()/1000), 
        end: Math.round(end.getTime()/1000), 
        id: '@Model.selectedUserId', 
        act: act_id 
       }, 
       success: function (doc) { 
        callback(doc); 
       }, 
       error: function (xhr, status, error) { 
        document.appendChild(xhr.responseText); 
       } 
      }); //end ajax 
     } else { 
      callback(); 
     } 

    }); 
} 

문제는이 방법으로 추가 할 때 이벤트 소스에 색상을 할당하는 방법을 생각할 수 없다는 것입니다.

==== 편집 =====

가 좋아 나는 내가 eventAfterRender를 사용하고 목록에 비교하는 요소 객체의 이벤트의 내부 배경색을 변경하는 hackish 방법을 발견 내가 관련된 색을 가지고있는 사건들. 내가 더 나은 방법을 찾을 때까지 누군가에게 도움이되기를 바란다.

$('#calendar').fullCalendar({ 
      height: 600, 
      width: 700, 
      header: { 
       right: 'prev,next today', 
       center: 'title', 
       left: 'month,agendaWeek,agendaDay' 
      }, 
      eventAfterRender: function (event, element, view) { 
       for (x = 0; x < activityColors[0].length; x++) { 
        if (event.id == activityColors[0][x]) { 
         element.children().css({ "background-color": "#" + activityColors[1][x] }) 
        } 
       } 

      } 
     }); 

Answer 1

, 그 ajax 호출의 결과는 무엇인가? (성공 : function (doc) {콜백 (doc);}), 당신은 json으로 인코딩 된 이벤트의 배열을 받고 성공했다고 생각합니다. 따라서 색상을 추가하는 데 필요한 것은 필드 색상을 정의하는 것입니다. 모든 이벤트에 대한 서버 측 스크립트의 backgroundColor, borderColor, textColor 희망이 도움이됩니다.

월

편집 : 나는 또한 당신이 정말로 중복 다른 지점에서 콜백() 함수를 호출하는 것으로 나타났습니다. 매개 변수가 없으면 무의미한 콜백입니다. 콜백 매개 변수는 아무 것도하지 않기 때문에 (callbacks 매개 변수는 fullcalendar에 추가 할 이벤트 배열이므로 아무런 매개 변수도 = 추가 할 이벤트가 없어도 호출 된 것과 동일합니다).

Answer 2

당신은 사용할 수 있습니다

$('#calendar').fullCalendar('addEventSource', { 
    url: "/url/goes/here", 
    color: '#05ABBD' 
});