添加/刪除eventSources FullCalendar

Question

我希望能夠基於添加和刪除eventSources來過濾事件。我找不到一個很好的例子。

.fullCalendar('addEventSource', source) 
.fullCalendar('removeEventSource', source) 

我想要複選框來切換這些功能的執行。我似乎無法得到功能雖然工作。

$("#target").click(function() { 
    $('#calendar').fullCalendar('removeEventSource', 'Event1'); 
}); 

這裏是我的全碼：

$('#calendar').fullCalendar({ 
     header: { 
    left: 'title', 
    center: 'prev,next', 
    right: 'month,agendaWeek,agendaDay,today' 
}, 
     eventLimit: { 
    'agenda': 4, // adjust to 6 only for agendaWeek/agendaDay 
    'default': true // give the default value to other views 
     }, 
      eventSources: [ 
      { 
       title: 'Event1', 
       url: "http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic" 
      }, 

      { 

       url: 'https://www.google.com/calendar/feeds/vineyardcincinnati.com_o6jncckm5ka55fpragnbp4mk9c%40group.calendar.google.com/public/basic' 
      }, 
     { 
     url: "https://www.google.com/calendar/feeds/ht3jlfaac5lfd6263ulfh4tql8%40group.calendar.google.com/public/basic" 
      } 
     ], 

     eventClick: function(event) { 
      // opens events in a popup window 
      window.open(event.url, 'gcalevent', 'width=700,height=600'); 
      return false; 
     }, 

     loading: function(bool) { 
      if (bool) { 
       $('#loading').show(); 
      }else{ 
       $('#loading').hide(); 
      } 
     } 

    }); 

Answer 1

這裏是我用來獲取該功能的完整代碼：

HTML：

<form id="#calendar_list"> 
<input class="checkbox" type="checkbox" checked>Event Group 1<br> 
<input class="checkbox1" type="checkbox" checked>Event Group 2<br> 
<input class="checkbox2" type="checkbox" checked>Event Group 3<br> 
</form> 

的Javascript：

$(".checkbox").change(function() { 
    if(this.checked) { 
     $('#calendar').fullCalendar('addEventSource', 'https://www.google.com/calendar/feeds/vineyardcincinnati.com_o6jncckm5ka55fpragnbp4mk9c%40group.calendar.google.com/public/basic'); 
    } 
    else{ 
    $('#calendar').fullCalendar('removeEventSource', 'https://www.google.com/calendar/feeds/vineyardcincinnati.com_o6jncckm5ka55fpragnbp4mk9c%40group.calendar.google.com/public/basic'); 
    } 
});