jQuery Full Calendar - 在列表和日历之间呈现事件答案

【问题标题】：jQuery Full Calendar - rendering events between the list and the calendarjQuery Full Calendar - 在列表和日历之间呈现事件
【发布时间】：2013-01-12 05:16:09
【问题描述】：

我有一份要放入完整日历的工单列表。我需要访问工单的主键，以便我可以更新它在我的 MySQL 数据库中的记录。因此，我只是将工作订单的主键添加到日历事件的标题中。然后，当我将一个事件放到日历上时，drop 事件解析 HTML 并获取工作订单的主键，将其存储在事件本身中以供以后使用。

问题是这很难看！我不想要事件的主键，因为它很丑，而且占用太多空间。

如何在要添加到日历的项目列表中包含记录的主键，但实际上不显示这些主键？我尝试将<div style="visibility:hidden"> 添加到列表项中，但这仅在该项位于列表中时隐藏HTML。只要我把它放到日历上，<div> 就会再次可见。

有什么想法吗？

【问题讨论】：

标签： jquery fullcalendar

【解决方案1】：

对此有不同的答案。我自己，我只是使用 event.id = primary key（假设它是一个 int 或合理的字符串，请参阅EvObj）；例如，当响应eventClick(ev,...) 之类的回调时，您可以将其检索为 ev.id 并相应地更新您的数据库。这样您就不需要弄乱您的活动标题或添加奇怪的隐藏元素。

----- 附录：

如果使用event.id 导致与重复事件发生冲突，EvObj 还可以具有自定义属性，例如event.dbid。

至于另一个问题，将 dbid 隐藏在要在日历中删除的 <div> 列表中的某处，使用 jQuery data 是一种干净的方法。

【讨论】：

感谢您的评论。在我发布这个问题之后，我有了同样的想法：使用event.id 参数来存储我的WO 号码。但是，我担心这会在路上咬我。文档说“重复事件的不同实例都应该具有相同的id”。我将其视为重复事件（每周相同的时间段/天，重复）。如果我想在两个不同的时间段安排两次相同的工单，但它们没有重复出现，该怎么办？例如，我需要在星期二完成一半的工单。早上，周四休息。之后 - 知道这是否可行？再次感谢:)。
我的担心已经实现了。将工作订单 ID 用作 event.id 不起作用。当我为同一个工单有两次约会时，问题就来了。如果我重新安排一个，另一个也会移动。所以，很遗憾，这行不通。
但是你也可以将自己的属性保存在evObj，所以你也可以使用event.dbid。
@MaxD：是的，我可以，而且我可以。但是，日历中尚未出现的事件列表只是 <div> 框。因此，为了将工作订单 ID 放入日历事件中，它需要出现在 <div> 某处。因此，如果它在 div 中，它将显示在日历事件中 - 即使我解析 <div> 以提取工作订单 ID 并将其存储在 event.woID 中。我似乎无法将其设置为在未计划项目列表中隐藏工作订单 ID，并在最初将其放在日历上时将其隐藏在日历上。
您是否尝试在您的div 中添加jQuery data？如果这些来自您的数据库，您甚至可以标记为data-dbid="str"，并将其检索为$(id).data("dbid")。