2016-05-11 22 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

を呼び出す:私は理由childEl.parent = parentElの、「JSONへの循環構造」を取得します。 parentEl.children.push(childEl); –

答えて

0

カレンダーを破棄すると、変更内容が失われます。ドラッグ&ドロップ&の終わりに

、私の解決策の別の問題

$('#calendar').fullCalendar('refetchEvents'); 
関連する問題