【问题标题】:FullCalendar - Adding new properties to Event objectFullCalendar - 向 Event 对象添加新属性
【发布时间】:2018-03-27 19:50:29
【问题描述】:

有很多线程在讨论类似的问题,但没有一个是我能真正理解并应用于我的项目的。

我有一个包含多个字段的事件表的数据库:“字段 1”、“字段 2”、“字段 3”、... 我有一个 PHP 文件 (json.php),它 json_encode 将该表转换为 JSON 格式,并且我正在使用 FullCalendar 插件从该文件中获取事件,只需:

events: "json.php"

JSON 格式的每个事件如下所示:

    {
    "Field 1": "value of Field 1",
    "Field 2": "value of Field 2",
    .
    .
    .
    "Field n": "value of Field n",
    "title": "the title"
    "start": "some ISO8601 date string",
    "end": "some ISO8601 date string"
    }

“标题”、“开始”和“结束”字段是最重要的字段,因为 FullCalendar 事件函数默认需要这些字段来创建事件对象和元素。

这很好用。事件使用“title”、“start”和“end”属性呈现并显示在日历中。

我的问题是如何让 FullCalendar 将剩余字段作为属性添加到它创建的事件对象中?

我知道自定义事件函数events(as a function) 是我的朋友,但我对此很陌生,即使在阅读了所有相关文档之后,我仍然不清楚如何实现这一点,因为我不是完全确定函数是如何工作的,我对 AJAX 的了解一般。

我相信解决方案很简单。

提前谢谢你

解决方案:

FullCalender 已自动执行此操作,因此无需在此处进行额外工作。它对我不起作用的原因是与我的代码中的其他内容有关。

感谢阿迪森!

【问题讨论】:

  • "如何让 FullCalendar 将剩余字段作为属性添加到它创建的事件对象中?"它已经这样做了,你不应该有更多的工作要做。如果您在 JSON 中提供这些字段,fullCalendar 将不会删除或更改它们。然后,您可以在 fullCalendar 回调中使用它们,例如,作为事件作为参数提供。有关事件的文档已经解释了这一点:fullcalendar.io/docs/event_data/Event_Object(在底部 - “非标准字段”部分)。您对此有什么问题吗,或者您还没有尝试过吗?
  • 对不起,我遇到了一个小语法错误,导致它无法正常工作,这让我相信我的理解有问题。你保证它应该已经起作用了,这帮助我找到了它。再次感谢!
  • 不用担心,很高兴它得到了修复。我将投票结束这个问题,因为它包含一个不再可重现的问题。或者您可以选择自己删除它,因为它对任何人都没有用。

标签: json ajax events properties fullcalendar


【解决方案1】:

0

FullCalendar 版本 4:任何自定义值都将在事件对象的“extendedProps”中找到

事件:[

                {
                title: 'My Title',
                My_Custom_Value: 'non-standard Event Object field',
                allDay: false,
                start: 1501056000000,
                end: 1501057800000
                }

],

eventRender: 函数(信息){

                console.log("_______ info _______\n");
                console.log(info.event.extendedProps.My_Custom_Value);

} “扩展道具 一个普通对象,包含在解析期间指定的其他各种属性。接收显式给定的 extendedProps 散列中的属性以及其他非标准属性。"

https://fullcalendar.io/docs/event-object

【讨论】:

    猜你喜欢
    • 2016-04-05
    • 2017-02-10
    • 2018-07-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多