Asp.net mvc 完整日历不显示事件
我想将arshaw的fullcalendar绑定到我的MVC 3应用程序中,并将事件保存到我的App_数据文件夹中的SQL Server数据库中。 但是我有一些问题。在我的操作视图中,日历没有呈现,但我看到了来自控制器的JSON结果。 我查看了stackoverflow处理这个问题的每一条线索,但没有一条对我有帮助 代码如下: 数据库 用ADO.NET自动生成日历模型 返回View()时,日历将正确呈现。有人能帮我吗?Asp.net mvc 完整日历不显示事件,asp.net-mvc,json,fullcalendar,Asp.net Mvc,Json,Fullcalendar,我想将arshaw的fullcalendar绑定到我的MVC 3应用程序中,并将事件保存到我的App_数据文件夹中的SQL Server数据库中。 但是我有一些问题。在我的操作视图中,日历没有呈现,但我看到了来自控制器的JSON结果。 我查看了stackoverflow处理这个问题的每一条线索,但没有一条对我有帮助 代码如下: 数据库 用ADO.NET自动生成日历模型 返回View()时,日历将正确呈现。有人能帮我吗? 这让我失去了我的神经!提前感谢:)您的日历设置不正确。最简单的更改是将eve
这让我失去了我的神经!提前感谢:)您的日历设置不正确。最简单的更改是将eventSources更改为 否则(如果您想使用),您需要这样设置
eventSources: [{
url: '/myfeed.php',
color: 'yellow', // an option!
textColor: 'black' // an option!
}}
编辑:
要帮助调试,请尝试成功和错误回调:
$('#calendar').fullCalendar({
events: {
url: '/myfeed.php',
type: 'POST',
success: function(a, b, c) {
alert('success');
},
error: function(a, b, c) {
alert('there was an error while fetching events!');
}
}
})) 另外,不确定您是否已经知道这一点,但不需要同时包含min文件和普通文件(fullcalendar.js文件),它们包含相同的代码。min文件通常用于生产,而普通文件用于调试您的解决方案在@tocalaghan也不起作用。我仍然得到JSON提要,并且没有呈现日历奇怪的是,这似乎是唯一明显错误的地方。您在哪里捕获包含的事件数据?它是从你的浏览器的调试工具中得到的?这真是太奇怪了。我现在正在努力解决这个问题4天!当我调用type The url of my action:Ok时,事件数据会显示在浏览器中,因此看起来您的数据是正确的,并且您的日历设置是正确的。您是否尝试过调试javascript以验证是否调用了它?我添加了一些代码,让您可以放置断点,以查看调用操作后发生的情况
public ActionResult GetEvents()
{
IList<Calendar> taskList = new List<Calendar>();
taskList.Add(new Calendar
{
id = 1,
title = "Google Search",
start = DateTime.Now.ToString("MM-dd-yyyy"),
end = DateTime.Now.AddDays(1).ToString("MM-dd-yyyy"),
allday = false
});
taskList.Add(new Calendar
{
id = 2,
title = "Bing Search",
start = DateTime.Now.AddDays(2).ToString("MM-dd-yyyy"),
end = DateTime.Now.AddDays(3).ToString("MM-dd-yyyy"),
allday = false
});
return Json(taskList, JsonRequestBehavior.AllowGet);
}
<!DOCTYPE html>
<html>
<head>
<title>GetEvents</title>
<script src="@Url.Content("~/Content/fullcalendar-1.6.1/jquery/jquery-1.9.1.min.js")"></script>
<script src="@Url.Content("~/Content/fullcalendar-1.6.1/jquery/jquery-ui-1.10.2.custom.min.js")"></script>
<script src="@Url.Content("~/Content/fullcalendar-1.6.1/fullcalendar/fullcalendar.js")"></script>
<script src="@Url.Content("~/Content/fullcalendar-1.6.1/fullcalendar/fullcalendar.min.js")"></script>
<link href="@Url.Content("~/Content/fullcalendar-1.6.1/fullcalendar/fullcalendar.css")" rel="stylesheet" />
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
eventSources: '/Home/GetEvents'
});
});
</script>
<style>
body {
margin-top: 40px;
text-align: center;
font-size: 14px;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
#calendar {
width: 900px;
margin: 0 auto;
}
</style>
<div id ="calendar">
</div>
</body>
</html>
[{"id":1,"title":"Google Search","start":"06-18-2013","end":"06-19-2013","allday":false},{"id":2,"title":"Bing Search","start":"06-20-2013","end":"06-21-2013","allday":false}]
events: '/Home/GetEvents'
eventSources: [{
url: '/myfeed.php',
color: 'yellow', // an option!
textColor: 'black' // an option!
}}
$('#calendar').fullCalendar({
events: {
url: '/myfeed.php',
type: 'POST',
success: function(a, b, c) {
alert('success');
},
error: function(a, b, c) {
alert('there was an error while fetching events!');
}
}