javascript - 拖放 Fullcalendar.io 资源 - 更新视图

Question

我想通过拖放编辑 fullcalendar.io 资源的嵌套。有没有可能这样做。我的做法：

 resourceRender: function(resource, cellEls) {
    cellEls.draggable({ handle: ".icon-resize-vertical", 
            revert: true, 
            helper: "clone",
            zIndex: 999,
            snap: true,
            opacity: 0.7
    });
    cellEls.droppable({
            hoverClass: "ui-state-active",
            drop: function( event, ui ) {
                    $( this ).css( "font-weight", "bolder" );
                    var childid = $(ui.draggable).closest("tr").attr("data-resource-id");
                    var childEl = $("#calendar").fullCalendar( 'getResourceById', childid );
                    var parentid = $( this ).closest("tr").attr("data-resource-id");
                    var parentEl = $("#calendar").fullCalendar( 'getResourceById', parentid );

                    childEl.parent = parentEl;
                    parentEl.children.push(childEl);
                    $('#calendar').fullCalendar('destroy');
                    $('#calendar').fullCalendar('render');

            }
    });                         
},

资源对象显示正确的子项和父项，但日历不会重新呈现。

Answer 1

如果您销毁日历，您所做的更改将会丢失。

在拖放结束时，调用

$('#calendar').fullCalendar('refetchEvents');