[筆記] FullCalendar V6 eventsSet 觸發邏輯

章節連結

這篇筆記下 FullCalendar 函式呼叫邏輯,以免不小心寫成了循環呼叫而導致程式當掉。

vue.js logo vue


內容

承接 [筆記] FullCalendar V6 搭配 Tooltip 實作方法 ,其呼叫流程是:

1. 初始化後,會主動觸發 eventsSet 來獲取第一次的資料
2. 當每次從遠端伺服器獲取新資料,需自行將資料來源給清空,且觸發 FullCalendar Instance 的 removeAllEvents()
3. 當獲取有資料長度的陣列後,透過監聽傳入的事件陣列變數,將事件一個個的加入日曆中

注意事項

1. FullCalendar 要新增事件,僅能透過 CalendarAPI 的 addEvent 方法一個個自行加入
2. CalendarAPI 的 addEventSource 方法雖說能加入陣列,但其原始目的是要加入「不同的事件資料來源」而使用的

按讚加入粉絲團

延伸閱讀