JqGrid drag and drop receive event

Question

I use jqgrid drag and drop, I have two tables TABLE A and TABLE B, I draw one row from TABLE A and Droping to TABLE B, I want to capture a new row identifier and the data received in the table, there is any receive event in jqGrid ?

Answer 1

You can define the function of the ondrop event (see link ) as shown below

 jQuery("#table2").jqGrid('gridDnD', { ondrop: function (ev, ui, getdata) { // var acceptId = $(ui.draggable).attr("id"); // getdata is the data from $('#table1').jqGrid('getRowData',acceptId); // so you have full information about dropped row } }); 

inside the ondrop parameters you will find all the necessary information.

Answer 2

 $("#gbox_destinationTable tr td").droppable({ drop : function(event, ui) { var draggedHtml = ui.draggable.html(); $(this).append(draggedHtml); deleteFromSource(ui.draggable.parent()); } }); function deleteFromSource(draggedObj) { $('#sourceTable').jqGrid('delRowData', draggedObj.attr('id')); } 

You can see the full example for a specific jqgrid implementation: http://jsfiddle.net/pragya91/fzkqxdxm/