SAPUI5 : Expanding and moving appointments in PlanningCalendar
<p>I made a planning with workers and their tasks, now I need to improve it by easily modifying the appointments. I would like to know if it is possible to do some dragging and dropping to move the tasks and change their duration ?</p>

<p>I think it is, but everything I find on the internet doesn't fit to an mvc application. Since the planning is in a single view, I would like to do my job only in the view's controller.</p>

<p><strong>EDIT :</strong> In my controller, I did this code :</p>

<pre><code>onInit : function(){
        var oView = this.getView();

        //load jquery libraries for drag n drop
        jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-core");
        jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-widget");
        jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-mouse");
        jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-draggable");
        jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-droppable");

        //make the appointments drag n droppables
        var oAppointment = oView.byId("draggable");
        var idAppointment = oAppointment.getId();
        oAppointment.onAfterRendering = function(){
            $("#"+idAppointment).draggable({
                cancel:false
            })
        };
    }
</code></pre>

<p>The <code>draggable</code> id is set to my CalendarAppointments like this :</p>

<pre><code>&lt;appointments&gt;
     &lt;unified:CalendarAppointment
          id="draggable"
          startDate="{CustomModel&gt;EarlSchedStartdate}"
          endDate="{CustomModel&gt;EarlSchedFindate}"
          title="{CustomModel&gt;Description}"&gt;

     &lt;/unified:CalendarAppointment&gt;
 &lt;/appointments&gt;
</code></pre>

<p>In a separate project with just a single button, it works, but it doesn't for my planning appointments.</p>