2016-05-11 46 views
0

我想編輯fullcalendar.io資源的嵌套,拖動&拖放。有沒有這樣做的可能性。 我的方法:拖放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'); 

      } 
    });       
}, 

資源的對象顯示正確的孩子和家長,但日曆不重新描繪。

+0

另一個問題,我的解決辦法:我得到一個「圓形結構,以JSON」,因爲childEl.parent = parentEl; parentEl.children.push(childEl); –

回答

0

如果您銷燬日曆,您的更改將會丟失。

在拖&降結束後,調用

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