FullCalendar重新加载
时间: 2023-10-02 18:05:29 浏览: 93
要重新加载FullCalendar,您可以使用refetchEvents()方法来刷新事件。该方法将向服务器发出新的AJAX请求,并重新绘制日历。以下是一个示例:
```javascript
$('#calendar').fullCalendar('refetchEvents');
```
您还可以使用rerenderEvents()方法来重新绘制事件,而无需向服务器发出新的请求。这在您需要重新绘制事件,但不需要更新数据时非常有用。以下是一个示例:
```javascript
$('#calendar').fullCalendar('rerenderEvents');
```
相关问题
fullcalendar 重新渲染
要重新渲染 FullCalendar,可以使用以下方法之一:
1. 使用 `refetchEvents` 方法:这个方法会重新获取事件数据并重新渲染日历。你可以在日历对象上调用这个方法,例如 `calendar.refetchEvents()`。
2. 使用 `rerenderEvents` 方法:这个方法会重新渲染当前已加载的事件,而不会重新获取数据。你可以在日历对象上调用这个方法,例如 `calendar.rerenderEvents()`。
3. 使用 `destroy` 方法并重新初始化:这个方法会销毁当前的 FullCalendar 实例,然后你可以重新初始化它。例如:
```javascript
calendar.destroy();
// 然后重新初始化
calendar = new FullCalendar.Calendar(calendarEl, {
// 配置选项
});
```
这些方法可以根据你的需求选择使用,具体取决于你想要实现的效果。
FullCalendar 6版本的重新加载方法
FullCalendar 6可以使用`refetchEvents`方法来重新加载事件和日历数据。该方法接受一个可选的参数来重新加载不同的事件源。
例如,以下代码将重新加载所有事件源:
```javascript
const calendar = new FullCalendar.Calendar(calendarEl, {
// ...
});
calendar.refetchEvents();
```
如果您只想重新加载特定的事件源,则可以将该事件源的ID作为参数传递给`refetchEvents`方法,如下所示:
```javascript
calendar.refetchEvents('myEvents');
```
如果您有多个事件源,可以使用`getEventSources`方法获取所有事件源的ID列表:
```javascript
const eventSourceIds = calendar.getEventSources().map(eventSource => eventSource.id);
```
然后,您可以使用`refetchEvents`方法重新加载所有事件源:
```javascript
eventSourceIds.forEach(eventSourceId => calendar.refetchEvents(eventSourceId));
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)