How to display a modal when drag and drop occurs

Question

Hi,I'm trying to add a confirmation dialog to the event of drag&drop one event. For now I'm doing it with confirm() but would be nice to have a popup with the same look&feel as the DeleteAlert that is shown when trying to delete an event. Is there an easy way to achieve this?Thanks

Satheesh Kumar Balasubramanian · Answer

Hi Luis, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query "How to display a modal when drag and drop occurs" and prepared a sample to show confirmation dialog with the help of Syncfusion Dialog on dragStop event and update the event on confirmation using saveEvent method. The sample can be referred from the following link. 


Sample: https://www.syncfusion.com/downloads/support/forum/166960/ze/ScheduleDialogCustomize1337230273 

 

App.vue: 






   methods: { 

    onDragStop: function (args) { 

      this.saveData = args.data; 

      args.cancel = true; 

      this.$refs.confirmDialog.show(); 

    }, 

    dropDlgBtnClick: function() { 

      this.$refs.scheduleObj.saveEvent(this.saveData); 

      this.$refs.confirmDialog.hide(); 

    }, 

    undropDlgBtnClick: function() { 

      this.$refs.confirmDialog.hide(); 

    }, 
  }, 
  

Kindly try the above sample and get back to us if you need any further assistance. 

Regards, 

Satheesh Kumar B