gpt4 book ai didi

javascript - Fullcalendar 在拖放时复制事件

转载 作者:行者123 更新时间:2023-11-29 15:36:22 25 4
gpt4 key购买 nike

当我将事件拖到另一个时间段时,我的全日历会在视觉上复制事件。我已将我的代码简化为 eventDrop 以隔离问题,但我无法理解该问题。如果我将事件存储到我的 localStorage,我不会在存储中获得重复项,并且在我重新加载页面时重复项会消失。这意味着问题只是视觉上的,并且与完整日历本身有关。然而,这显然是一个大问题,因为我不想重新加载页面:我想留在当前 View 中更改我需要的内容。

这是我的 eventDrop 代码:

eventDrop: function(event, delta, revertFunc, jsEvent, ui, view) {
if (!confirm("Are you sure you want to change " + event.title + " ?")) {
/*If the user cancels the change, the event returns to its original position. Otherwise it saves the event.*/

revertFunc(); /*Revert changes using the predefined function revertFunc of fullCalendar.*/

$("#calendar").fullCalendar("refetchEvents");
/*FullCalendar Method to refetch events from all sources and rerender them on the screen.*/

} else {

updateConfirm(event); /*Use the logic to confirm the event update properties*/

Evento.prototype.Update(event); /*Modify the targeted event on the localStorage using the Update method of the Evento Class*/

$("#calendar").fullCalendar("updateEvent", event);
/*FullCalendar Method to report changes to an event and render them on the calendar.*/

$("#calendar").fullCalendar("refetchEvents");
/*FullCalendar Method to refetch events from all sources and rerender them on the screen.*/

}
}

这是问题的动图: https://i.imgur.com/rFPvvjE.gif

更新:在 slicedtoad 的帮助下,我将问题隔离到我的 updateConfirm 逻辑中:

var updateConfirm = function(event) {
if (confirm("New title?")) { /*Check if the user wants to change the event title*/
event.title = prompt("Enter the new title: "); /*Set new title for the event*/
} else {
event.title = event.title;
}

if (confirm("New description?")) { /*Check if the user wants to change the event description*/
event.description = prompt("Enter the new description: "); /*Set new description for the event*/
} else {
event.description = event.description;
}

if (confirm("Is the event important?")) { /*Check if the user wants to change the event priority*/
event.overlap = false;
event.backgroundColor = "red"; /*Set new priority for the event*/
} else {
event.overlap = true;
event.backgroundColor = "blue"; /*Set new priority for the event*/
}
};

更新 2:console.log(event) 之前 updateConfirm(event):

Object {id: "2015-01-27T15:29:11+00:00", title: "título", start: m, end: m, allDay: false…}_allDay: false_end: m_id: "2015-01-27T15:29:11+00:00"_start: mallDay: falsebackgroundColor: "blue"className: Array[0]description: "gt4"end: mid: "2015-01-27T15:29:11+00:00"overlap: truesource: Objectstart: mstoringId: "2015-01-27T15:29:11+00:00"title: "título"__proto__: Object

console.log(event) after updateConfirm(event):

Object {id: "2015-01-27T15:29:11+00:00", title: "título", start: m, end: m, allDay: false…}_allDay: false_end: m_id: "2015-01-27T15:29:11+00:00"_start: mallDay: falsebackgroundColor: "blue"className: Array[0]description: "gt4"end: mid: "2015-01-27T15:29:11+00:00"overlap: truesource: Objectstart: mstoringId: "2015-01-27T15:29:11+00:00"title: "título"__proto__: Object

最佳答案

由于事件不是本地来源,调用 updateEvent 不是必需的,因为当您调用 $("#calendar").fullCalendar("refetchEvents");

我不完全确定它为什么会重复,但 updateEvent 修改的事件似乎在重新获取之后仍然存在。您必须更改它的 ID 或将其替换为另一个事件对象,但我无法重现它。

所以尝试删除更新行

} else {
updateConfirm(event);
Evento.prototype.Update(event);
$("#calendar").fullCalendar("refetchEvents");
}

如果这不起作用,请尝试手动删除该事件:

$("#calendar").fullCalendar( 'removeEvents', event._id ) //replace the updateEvent call with this
//or event.id if your events have an explicit id

附录

您可能想真正找出问题的原因,因为上面只是修补它。 Evento.prototype.Update updateConfirm 中的某些内容正在将事件修改到 FC 认为它是不同事件的程度。它正在被复制和替换吗?你在玩它的 ID 吗?

关于javascript - Fullcalendar 在拖放时复制事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28171188/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com