2011-04-27 88 views
2

我已经设置fullcalendar来加载一些谷歌日历事件,但想知道是否有任何方法来加载描述或其他数据从事件以外的标题和时间?fullcalendar jQuery - 可以从Google日历事件中检索描述吗?

我想抓住'description'和'where'字段来处理Google日历事件,并将其显示在fullcalendar的工具提示中。

我正在考虑尝试解析event.url结果,但由于跨域ajax请求,它不起作用。我想这可能是通过代理php脚本或crossframe jquery的东西,但我想知道如果fullcalendar提供更清楚地访问这些数据? (或者如果任何人有一个更好的主意)

enter image description here

回答

4

不知道他们有这样的:有趣的发现。 如果你gcal.js源文件中的样子,有看起来像这样的代码块:

events.push({ 
         id: entry['gCal$uid']['value'], 
         title: entry['title']['$t'], 
         url: url, 
         start: start, 
         end: end, 
         allDay: allDay, 
         location: entry['gd$where'][0]['valueString'], 
         description: entry['content']['$t'] 
        }); 

我意料的是,你可以使用locationdescription领域做你想做什么。

事实上,你可能会添加你想要的入口对象的任何其他字段:你需要知道你有什么选项,但http://code.google.com/apis/gdata/samples/cal_sample.html使它非常简单。我很好奇他们为什么不只是将整个条目对象作为一个字段添加,这样,如果/当你需要时,所有的数据都可以被访问。

+0

哇,那很简单。我想知道为什么没有在他们的网站上记录。万分感谢! – waffl 2011-04-28 08:55:43

+0

是的 - 我从来没有打扰过看gcal.js:D哈哈 - 那是薄荷!谢天谢地 – ppumkin 2011-04-28 09:14:48

+0

对不起,这个稍微磨合了一下。我正在查看新的V3文档。他们似乎有相同的代码,但我对你如何实际使用它来显示数据有点困惑。 – jackdh 2015-07-31 13:12:40

0

在失去了我的想法后为什么它是如此简单,从谷歌日历事件添加说明,我终于在fullcalendar.js中找到放置字段的位置。 线3982,我改变

"<div class='fc-event-title col'>" + htmlEscape(event.title || '') +

"<div class='fc-event-title col'>" + '<strong>' + 
    htmlEscape(event.title || '') + '</strong><br>' + 
    htmlEscape(event.description || '') + 

和繁荣,说明显示了一个小的造型。 是的,这很简单,我希望这可以帮助那里的人。所以,现在

$('#calendar').fullCalendar({ 
       eventRender: function(event, element) { 
        element.description = event.description; 
       }, 

,在eventMouseover或eventClick你可以访问到event.description:

+0

如果你想与JS一起破解,这确实有效。 – jackdh 2015-07-31 13:02:04

0

在最近的版本中,您可以添加这样。

我希望这可以提供帮助。

相关问题