javascript - eventDrop 完整日历不移动事件

Question

eventDrop: function(event, delta, revertFunc) {

    console.log(event.title + " is moved on " + event.start.format());
    var page = '../include/UpdateCalendarEvent.php';
    $("#dialog")
        .data('start', event.start.format())
        .data('title', event.title)
        .dialog({
            resizable: false,
            modal: true,
            height: 250,
            position: ['middle', 20],
            width: 500,
            title: event.start.format(),
            open: function(event, ui) {
                var start = $("#dialog").data('start');
                var title = $("#dialog").data('title');
                $("#dialog").html(title + " is moved on " + start);
            },
            close: function(event, ui) {
                revertFunc();
            },
            buttons: {
                Close: {
                    class: 'calendareventright',
                    text: 'Close',
                    click: function() {
                        revertFunc();
                        $(this).dialog('close');
                    }
                },
                Move: {
                    id: "calendareventadd",
                    class: 'calendareventleft',
                    text: 'Move',
                    click: function() {
                        var eventData;
                        eventData = {
                            id: event.id,
                            sysid: event.sysid,
                            start: event.start.format(),
                            end: event.end.format(),
                            title: event.title,
                            description: event.description,
                            otherinfor: event.otherinformation,
                            page: '../include/UpdateCalendarEvent.php'
                        };
                        console.log(JSON.stringify(eventData));
                        ajaxcall(eventData, page);
                        $(this).dialog('close');
                    }
                }
            }
        });

}

这是我的完整日历中的 eventDrop 函数。我将数据发送到ajax并更新数据库。更新工作完美。我的问题是，当我移动事件时，会出现对话框，并要求用户移动事件或关闭。如果用户选择关闭，事件将恢复。如果用户选择移动事件将更新到此时就可以了。单击移动按钮后，对话框将关闭。但该事件并未移至该日期。但如果重新加载页面，则会转到移动的日期。

场景:

我在 11 月 4 日有事件，我将其移至 11 月 5 日(事件现在在 11 月 5 日)出现对话框，要求用户移动或关闭。单击移动对话框将关闭ajax发送的数据库已更新，但事件将返回到11月4日，如果页面重新加载，事件将移至11月5日

预期:

我预计点击“移动”后，事件将保留在 11 月 5 日

任何想法都会受到赞赏。

其他信息

如果我使用文档中的代码

eventDrop: function(event, delta, revertFunc) {

    alert(event.title + " was dropped on " + event.start.format());

    if (!confirm("Are you sure about this change?")) {
        revertFunc();
    }

},

它正如预期的那样。控制台没有错误

Answer 1

您需要首先检查两件事

close: function(event, ui) {
    revertFunc();
},

和

Move: {
    id: "calendareventadd",
    class: 'calendareventleft',
    text: 'Move',
    click: function() {
        var eventData;
        eventData = {
            id: event.id,
            sysid: event.sysid,
            start: event.start.format(),
            end: event.end.format(),
            title: event.title,
            description: event.description,
            otherinfor: event.otherinformation,
            page: '../include/UpdateCalendarEvent.php'
        };
        console.log(JSON.stringify(eventData));
        ajaxcall(eventData, page);
        $(this).dialog('close');
    }
}
}

移动事件后，您将调用关闭对话框，并且在关闭对话框中您将看到 revertFunc();。

在移动时不关闭或在关闭函数中不恢复