fullcalendar/django refetchEvents()无法工作或无法理解其工作原理
fullcalendar是一个流行的开源日历插件，而Django是一个基于Python的Web开发框架。refetchEvents()是fullcalendar插件中的一个方法，用于重新获取事件数据并重新渲染日历。
当调用refetchEvents()方法时，fullcalendar会发送一个AJAX请求到指定的URL，以获取最新的事件数据。这个URL可以是一个后端API接口，用于从数据库或其他数据源中获取事件数据。
在使用refetchEvents()方法时，需要确保以下几点：
- 确保URL正确：确保传递给refetchEvents()方法的URL是正确的，可以通过浏览器访问该URL来验证是否返回了正确的事件数据。
- 后端处理请求：在后端，需要编写相应的代码来处理refetchEvents()方法发送的请求。这包括从数据库或其他数据源中获取事件数据，并将其以JSON格式返回给前端。
- 事件数据格式：确保返回的事件数据与fullcalendar所需的格式相匹配。通常，事件数据应该是一个包含事件对象的JSON数组，每个事件对象包含必要的属性，如id、title、start、end等。
- 重新渲染日历：一旦fullcalendar接收到新的事件数据，它会自动重新渲染日历，显示最新的事件。
以下是一个示例代码，演示如何在Django中使用fullcalendar的refetchEvents()方法：
# views.py
from django.http import JsonResponse
def get_events(request):
# 从数据库或其他数据源中获取事件数据
events = [
{
'id': 1,
'title': 'Event 1',
'start': '2022-01-01',
'end': '2022-01-02'
},
{
'id': 2,
'title': 'Event 2',
'start': '2022-01-03',
'end': '2022-01-04'
}
]
return JsonResponse(events, safe=False)
# urls.py
from django.urls import path
from . import views
urlpatterns = [
path('events/', views.get_events, name='get_events'),
]
# template.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>
</head>
<body>
<div id="calendar"></div>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
events: '/events/', // 指定获取事件数据的URL
});
// 重新获取事件数据并重新渲染日历
function refetchEvents() {
$('#calendar').fullCalendar('refetchEvents');
}
// 通过某种方式调用refetchEvents()方法，例如点击按钮
$('#refresh-button').click(refetchEvents);
});
</script>
</body>
</html>在上述示例中，get_events函数处理/events/ URL的请求，并返回包含事件数据的JSON响应。在前端的JavaScript代码中，我们通过指定events选项为/events/来告诉fullcalendar从该URL获取事件数据。然后，通过点击按钮来调用refetchEvents()方法，以重新获取事件数据并重新渲染日历。
腾讯云提供了多个与云计算相关的产品，例如云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息和介绍，您可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个带有这个model.py的django应用程序：from django.db import models<script src='https://unpkg.com/@ful
浏览 25提问于2020-05-11得票数 1
我试图让fullCalendar反映通过AJAX对数据库所做的更改。问题是，在AJAX调用成功之后，它不会更新屏幕上的日历。eventEditXHR.php", //the data success: function(text) { }....
浏览 21提问于2014-01-18得票数 23
回答已采纳
cp, ... }
$("#calendar").fullCalendar("addEventSource", events);
$("#calendar").fullCalendar
浏览 3提问于2017-03-08得票数 3
回答已采纳
1回答
下面给出了为指定问题提供工作日历的代码。请注意，我知道这个日历不能完全工作(不能添加事件等)，但它将它保存为index.html并打开它会显示我在刷新后无法在上一个视图中打开的问题。<!('refetchEvents'); } } editable:('refetchEvents');
浏览 17提问于2019-08-12得票数 3
回答已采纳
我刚刚第一次尝试了FullCalendar插件，所以我选择了版本5。我似乎找不到一种简单而有效的方法来使用V5来做到这一点。我在互联网上找到的许多资源都谈到了使用rererenderEvents或refetchEvents，但它指的是以前版本的插件，这在这里是行不通的。toISOString().slice(0, 10);
let calendar = n
浏览 6提问于2021-11-08得票数 0
我发现手册页面包含一些要粘贴的代码，但是我无法将这些代码粘贴到我的页面中而不会收到错误。也许我的页面太复杂了，但我不这么认为，我想只有我才不知道把代码粘贴到哪里而不会导致其他代码失败。}
});}vtypes已经存在了，我应该在哪里放置侦听器和/或函数来处理我应该在stackoverflow上使用一些示例中的侦听器(但我尝试了，窗体窗口不再工作)，还是应该使用手册中的代码？有人在这个问题上有经验吗？
浏览 3提问于2013-12-10得票数 0
起初，我想使用npm中的phaser-list-view，但它只在phaser2中使用。看起来这些插件没有太多的文档。文档在这个网站上：。import UIPlugin from '../plugins/ui-plugin.js';
// ... scene: [{ plugin: UIPlugin, }]
浏览 0提问于2019-08-25得票数 1
1回答
但是当用户再次点击tab键时，我得到一个错误，并且看不到preventDefault函数，请参见下面的快照我不能理解这里出了什么问题。任何帮助都将不胜感激。
浏览 0提问于2014-03-06得票数 1
1回答
我在两个浮动的div下面有一个div(一个浮动在左边，另一个在右边)。当我打开元素检查器时，我注意到一些奇怪的事情。为什么带有css属性clear: both的div下面的div会重叠在上面的两个div上？此外，当我更改div的高度时，元素检查器显示div不再包含其内容。这里有两个截图来展示我的意思。代码在截图下面。在css中将"tags“类的高度设置为200px：
浏览 0提问于2014-03-15得票数 0
我安装了playframework，并有一个问题。我看了helloworld教程，但它似乎使用了groovy。第一行是函数定义。play20代表什么。我真的是Scala的新手，我对它一无所知。 &
浏览 1提问于2013-09-14得票数 0
1回答
我正在使用.fullCalendar ('refetchEvents')，但它不起作用。如果重新加载页面，则会更新日历数据。PD:我的英语不是很好，希望你能理解。<?function (data) {
$("
浏览 4提问于2017-09-28得票数 1
回答已采纳
我的问题是，在ajax成功后，我无法实时编辑事件。在编辑事件时，数据将在数据库中更新，但它不会在日历显示中进行任何更改。 $('#calendar').fullCalendar( 'refetchEvents' ); $('; --> this will remove the event displayed in cal
浏览 0提问于2018-03-29得票数 0
回答已采纳
4回答
public class Test { new Thread(new Runnable() { }).start(); public static void main(String[] args) { funct (2);
System.out.pr
浏览 1提问于2011-04-13得票数 0
回答已采纳
1回答
我通过如下方式对一个矩形的边角进行圆角运算CGFloat coloredBoxMargin = 8;CGFloat minx = CGRectGetMinX(coloredBo
浏览 0提问于2012-06-15得票数 1
回答已采纳
1回答
( a) 00001011( 101.1 )不能理解定点表示或它们是如何工作的.如果上面的问题是一个愚蠢的问题，我很抱歉…
浏览 0提问于2017-12-24得票数 0
我一直无法弄清楚如何处理将事件拖到月视图中的新日期。我添加了一个对calendarApi.refetchEvents()的调用，它会重新加载所有事件，然后日历会在新位置绘制移动的事件。subscribe(newForm => { calendarApi.refetchEvents尝试修复#1： 基于https://github.com/fullcalendar<
浏览 10提问于2020-08-07得票数 0
4回答
我一直在使用FullCalendar v1.5.3来替换MS SharePoint。 function onSelectChange(){
$('#calendar').fullCalendar
浏览 4提问于2012-06-07得票数 10
回答已采纳
在使用Scheduler的Resource视图时，用户发现很难理解悬停时间。将其添加到$(‘#日历’).fullCalendar(.)下面； $(this).addClass("timerow");和CSS问题:当用户按下next或prev按钮时，日历再次呈现表，.hover无法</em
浏览 2提问于2016-06-13得票数 0
回答已采纳
2回答
我正在读现代C++设计，不能完全理解模板参数是如何工作的。
例如，正如本文中给出的那样，我们可以使用类型为的模板参数和容器来创建堆栈。在上面的代码中，我可以理解aStack1是很好的，aStack2和aStack3是有问题的，因为如果堆栈元素类型和容器元素类型之间的类型不兼容。
浏览 0提问于2013-01-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
