gpt4 book ai didi

javascript - 在 Fullcalendar.js 中显示事件时出现问题

转载 作者:行者123 更新时间:2023-12-03 07:42:44 32 4
gpt4 key购买 nike

您好,我正在尝试使用 Asp.Net MVC 实现 FullCalendar.js。我可以显示空日历,但我的事件未加载到日历中。

 $.ajax({
type: 'Get',
url: "/Matter/GetMatterEventsSummary",
data: data,

datatype: "Json",

contentType: "application/json",
success: function (doc) {
debugger;
$('#calendar').fullCalendar();
var events = [];
$(doc).find('[object Object],[object Object]').each(function () {
debugger;
events.push({

title: $(this).attr('title'),
start: $(this).attr('start') // will be parsed
});
// });
$('#calendar').fullCalendar('refetchEvents');
// callback(events);
}

});

它涉及到 success 方法,它有两个事件。但不知道为什么这些事件没有加载到 FullCalendar 中,并且在此日历之后也没有自动出现。我猜它不会出现在 events.push 中。当我将鼠标悬停在文档上时,它显示“[object Object],[object Object]”,其中有 [0] 和 [1] 上的两条记录。

请帮助我。

最佳答案

尝试使用

$('#calendar').fullCalendar( 'rerenderEvents' )

在您的事件被拉取之后。

另外,请确保正确使用官方文档中的代码。尝试以下操作(未经测试):

$('#calendar').fullCalendar({
events: function(start, end, timezone, callback) {
$.ajax({
type: 'Get',
url: "/Matter/GetMatterEventsSummary",
data: data,
datatype: "Json",
contentType: "application/json",,
success: function(doc) {
var events = [];
$(doc).find('event').each(function() {
events.push({
title: $(this).attr('title'),
start: $(this).attr('start') // will be parsed
});
});
callback(events);
}
});
}
});

如果您现在想要重新获取事件,请调用:

  $('#calendar').fullCalendar('refetchEvents');

必要时。

编辑:由于您实际上是从 JSON feed 中提取数据,因此以下代码甚至可能就足够了:

$('#calendar').fullCalendar({
events: '/Matter/GetMatterEventsSummary'
});

查看文档 here :

编辑2:

要动态修改您发送到后端的请求(取决于下拉列表或其他内容),可以通过以下方式实现:

 var myValue = 10;

$('#calendar').fullCalendar({
events: '/Matter/GetMatterEventsSummary',
data: function() { // a function that returns an object
return {
dynamic_value: myValue
};
}
});

关于javascript - 在 Fullcalendar.js 中显示事件时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35343262/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com