Drag behaviour

[Ivan]

Hello, 

I have one question about draging events. 

If I click on event, it changes and is ready for drag, everything is ok here. How can I cancel drag If I start this process accidentally - click on event, drag "mode" activated, but I want to abort drag action. 

KR,
Ivan

[Nevitha Ravi]

Hi Ivan, 

Greetings from Syncfusion Support. 

We can prevent the drag action based on your condition using dragStart event, please refer the following sample. 

https://stackblitz.com/edit/4tqg4q?file=index.js  

  dragStart: function(args) { 

    args.cancel = true; 

  } 

Please get back to us for further assistance. 

Regards, 

Nevitha  

[Ivan]

You didn't understand me. 

I want drag functionality, but I want cancel option if user start this process without intention. So, event is set for 09:00 and user accidentally start moving event and want to cancel this action. So everything stays same as before, without trigering update event on server. 

On desktop is pretty easy to start drag event, if you click and at same time moving, even slowly, mouse You are about start draw event. On Mobile device, you need to tap some time to switch to drag mode. 

[Vinitha Devi Murugan]

Hi Ivan, 

 

Thanks for your update. 

 

We suspect that your requirement is to prevent the drag action when drop the event on same time and same can be achieved by making using the dragStop event of our scheduler. Please refer below codes and same can be available in below sample.  

 

  dragStop: function(args) { 

    if (args.data.StartTime.getTime() - this.getEventDetails(args.element).StartTime.getTime() ===0) { 

      args.cancel = true; 

      console.log('Drag prevented'); 

    } 

  } 

 

Sample : https://stackblitz.com/edit/prevent-drag-action-when-drop-the-event-on-same-time?file=index.js  

 

UG Link: https://ej2.syncfusion.com/documentation/api/schedule/#dragstop  

 

Kindly try with the above sample and let us know if you need any further assistance on this.  

 

Regards, 

Vinitha