How Do I update table in db after drop

Question

User2041008840 posted

How do i update database table after performing drag and drop using jquery. 
i am using asp.net core this code is in cshtml code.

this is my code - 

$(function () {
           $(".deal-card").draggable({ helper: 'clone' }); //{ helper: 'clone' }
 
           $(".stage-container").droppable({
               accept: ".deal-card",
               drop: function (ev, ui) {
                   var droppedItem = $(ui.draggable); //.clone()
                   $(this).append(droppedItem);
 
               }
           });
       });

Answer 1

User475983607 posted

The normal approach is reading the documentation that comes with the 3rd party library you are using.  The draggable library has 3 events; start drag and stop. https://jqueryui.com/draggable/#events.  Write code within one of the events to perform the dave.  Your code will do an AJAX request to an Action.  The Action saves the data in your database.

Answer 2

User2041008840 posted

I call ajax get  method and create function in controller which update record . 

after dropping it will update the data in dtabase . 

Thank you sir