Drag and drop and reload data

Question

is it possible to reload the data during a drag and drop of appointments during a change of week?

We want to re-interrogate our server and reload the week's schedule when we move a drag and drop appointment from one week to another

Thanks

Vinitha Devi Murugan · Answer

Hi Gilles, 
 
Greetings from Syncfusion Support. 
 
We have validated you reported query “ is it possible to reload the data during a drag and drop of appointments during a change of week?” at our end and we suggest you to use datamanager for performing CRUD actions in which we have start and end date of current view based on that we reloaded the events during each CRUD actions and view and date navigation using below LoadData method. Please refer to the following sample.  
 
Sample: https://www.syncfusion.com/downloads/support/forum/169392/ze/CRUD_Sample-1000280472  
 
Controller page in service sample:  




    public JsonResult LoadData(Params param)  // Here we get the Start and End Date of current view, based on that can filter the data and return to Scheduler  
        {  
            var data = db.ScheduleEventDatas.Where(app => (app.StartTime >= param.StartDate && app.StartTime <= param.EndDate) || (app.RecurrenceRule != null && app.RecurrenceRule != "")).ToList();  // Here filtering the events based on the start and end date value.  
            return Json(data, JsonRequestBehavior.AllowGet);  
        }  
 
If you want to manually refresh the data in scheduler during drag and drop and view and date navigation, we suggest you to use refreshEvents public method in actionComplete event like below to achieve your requirement. 
 
actionComplete: function (args) { 
  if (args.requestType == "viewNavigate" || args.requestType == 'dateNavigate' || args.requestType == 'eventChanged') { 
      this.refreshEvents(); 
  } 
}, 
 
Kindly check the solution meets your requirement and get back to us if you need any further assistance.  
 
Regards, 
Vinitha

Gilles · Answer

Thank you for that answerI also want to limit the drag and drop of an appointment over 2 weeks.How to do so that the user can just jump from week1 to week2 (only 2 weeks, no more) when dragging and dropping ?Regards

Vinitha Devi Murugan · Answer

Hi Gilles, 
 
Thanks for your update 
We have validated your reported query “ want to limit the drag and drop of an appointment over 2 weeks” at our end and achieved it by making use of dragStart and dragStop events of our Scheduler with below code and same can be available in the following link.  
Sample: https://stackblitz.com/edit/limit-drag-and-drop-over-2-weeks?file=index.js  
 
dragStart: function (args) { 
    originalData = args.data; 
  }, 
  dragStop: function (args) { 
    var originalDataWeekNo = ej.schedule.getWeekNumber(originalData.StartTime); 
    var draggedDataWeekNo = ej.schedule.getWeekNumber(args.data.StartTime); 
    if ( draggedDataWeekNo - originalDataWeekNo != 1 && draggedDataWeekNo - originalDataWeekNo != 0) { 
      args.cancel = true; 
      alert('Drag only allowed for 2 weeks '); 
    } 
  }, 
 
Kindly try with the above sample and get back to us if you need any further assistance. 
 
Regards, 
Vinitha