Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
815
Jquery UI Drag & Drop with igGrid Rows
posted

I am using IgniteUI version 16.2.20162.2040 and JqueryUI version 1.11.4.

I have an igGrid with a height of 375px and I have set all the rows in this grid to be draggable using the JqueryUI library. My drop target is another div outside of the grid. I can drag and drop rows successfully onto my drop targets, but the problem happens when my draggable row is dragged beyond the bottom of the grid. The grid begins to scroll as I drag the row outside of the grid.

I need the ability to drag a row outside of the grid without the grid scrolling.

Here is sample of the scrollable portion of my grid:

   
       
       
           
           
           
           
           
       
   

And here is a sample of my JqueryUI code that makes the rows draggable:

$("#RFDList > tbody > tr").draggable({
        helper: "clone",
        revert: "invalid",
        cursorAt: { bottom: 0, left: 0 }
    });

Parents Reply Children