2016-05-11 5 views
0

Ich möchte die Verschachtelung von Fullcalendar.io Ressourcen mit Drag & Drop bearbeiten. Gibt es eine Möglichkeit dazu? Mein Ansatz:Drag & Drop Fullcalendar.io Ressourcen - Update-Ansicht

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'); 

      } 
    });       
}, 

Die Ressource-Objekte zeigen korrekte Kinder und Eltern, aber der Kalender rerender nicht.

+0

ein weiteres Problem mit meiner Lösung: Ich habe eine "zirkuläre Struktur zu JSON" bekommen, weil der childEl.parent = parentEl; parentEl.children.push (childEl); –

Antwort

0

Wenn Sie den Kalender zerstören, gehen Ihre Änderungen verloren.

Am Ende des Drag & Tropfen, rufen

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