Jqxgrid drag/drop functionality

[akshaybagi123@gmail.comParticipant]

i have two grids, successfully i am able drag and drop from one grid row to another grid row. I want to stop overriding on second grid row, when user drag a row from first grid and drop it to second grid row (when user drag a row from first grid and drop it on second existing grid row, then it should create new row instead of overriding existing row). How to achieve this?

[MartinParticipant]

Hello akshaybagi123@gmail.com,

You can check the row of the cell in which you drop the row:

gridCells.on('dragEnd', function (event) {
    var value = $(this).text();
    var position = $.jqx.position(event.args);
    var cell = $("#grid2").jqxGrid('getcellatposition', position.left, position.top);
    var row = cell.row;

And after that use the addRow method of the grid to insert the new row (for example, above this row):

$("#grid2").jqxGrid('addrow', null, datarow, row-1)

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[akshaybagi123@gmail.comParticipant]

Thanks Martin for the reply. Will add above code & will see how it behave.

[Author]

Posts