我在语法上设置日历事件时遇到问题。
我有一个页面,用户可以在其中选择客户端以显示事件以使用下拉菜单。我通过Ajax调用请求事件。这一切看起来都不错。但是我在fullCalendar中设置事件时遇到问题。
这是我设置事件的代码:
success: function(resp){
var r = resp.output;
console.dir(r);
jQuery('#student').html(r.studentname);
jQuery('#calendar').fullCalendar( 'removeEvents' ); // <= This works
jQuery('#calendar').fullCalendar( 'events', r.events ); // <= This doesn't
}
这是ajax响应的转储:
events "[{
id: 1,
title: 'Acupuncture',
start: new Date(2013, 5, 29, 10, 00),
end: new Date(2013, 5, 29, 10, 30),
allDay: false
}
,
{
id: 2,
title: 'Acupuncture',
start: new Date(2013, 6, 30, 10, 00),
end: new Date(2013, 6, 30, 10, 30),
allDay: false
}
,
{
id: 3,
title: 'Chiropractor',
start: new Date(2013, 6, 31, 11, 00),
end: new Date(2013, 6, 31, 11, 15),
allDay: false
}
]
"
id "1"
studentname "Tarah Yates"
我找不到有关如何执行此操作的示例,因此不确定我是否做对了。
我刚刚注意到事件列表周围的引号,也许是问题所在?
如果那不是问题,是否有人对为什么它不起作用有任何想法?
令人讨厌的是,需要重复响应,以便您可以获取数组的元素。但我会这样更改对JSON的响应类型:
[{
"id": "1",
"title": "Acupuncture",
"start": "29-05-2013 10:00", //adapted this date format is accepted by fullcalendar
"end": "29-05-2013 10:30",
"allDay": false //You dont need to adapt this it was a mistake of me. Leave it be.
},etc, etc, etc]
注意,只能有简单的JSON,对于带有子数组的复杂JSON,您将不会有响应。
PS。 -在NET上学习一点JSON格式,我相信您会发现的。
不确定那条线,但是您要执行的操作只会在您在该视图中时在该视图中创建事件,当您切换到其他视图时会消失。您要做的是保存到数据库或任何用于存储数据以存储事件的内容。然后它们将是持久的,并且当您refetchevents出现该事件时,... jQuery('#calendar')。fullCalendar('events','refetchevents');
如何在ajax调用中传递ID,假设您正在使用JSON和Jquery Ajax执行此操作
$.ajax({
type: 'POST',
url: _url,
data: {'id': 9999, //Just pass like this or you can set like a function 'id':getMyID(),
'title':name,
'start':start,
'end':end,
'allDay': allDay,
'editable': true,
},
success: function(data) {
//TODO Do stuff
}
});
或如果您有事件源数组
var othersources = {
ausencias: {
url: _url,
type: 'POST',
data:{
'id':getMyId(), // 'id':myidvalue
'func':func,
'year':y
},
cache: false,
color: '#C1272D',
textColor: 'white'
}}