RadGrid Drag and Drop...Stop scrolling during dragging

[Aret]

Hello,
I was able to successfully get the drag and drop functionality to work with my radgrid.  However, a small issue I am having is that as I drag my row from a grid on the top of my page to a grid on the bottom of my page, the grid I am dragging the row from begins to scroll as I am moving out of that grid.  Is there anyway I can disable the scrolling on the grid as I am dragging items from it.

I attached a picture of my issue to this post.  As you can see from the image, when I move the row from the top grid to the bottom of the page, the top grid scrolls all the way to the bottom.  I would like to freeze the scrolling of that grid as I drag items from it.

Please Help

[Maria Ilieva]

Hi Aret,

In order to avoid this behaviour you could set the "AllowAutoScrollOnDragDrop" client property to "false" like this:

<telerik:RadGrid runat="server" ID="grdPendingOrders" OnNeedDataSource="grdPendingOrders_NeedDataSource"
                AllowPaging="True" Width="350px" OnRowDrop="grdPendingOrders_RowDrop" AllowMultiRowSelection="true"
                PageSize="30" EnableHeaderContextMenu="true">
                <MasterTableView DataKeyNames="OrderId" TableLayout="Fixed">
                    <Columns>
                        <telerik:GridDragDropColumn HeaderStyle-Width="18px" Visible="false" />
                    </Columns>
                </MasterTableView>
                <ClientSettings AllowRowsDragDrop="True" AllowColumnsReorder="true" AllowAutoScrollOnDragDrop="false" ReorderColumnsOnClient="true">
                    <Resizing AllowColumnResize="true" />
                    <Selecting AllowRowSelect="True" EnableDragToSelectRows="false"/>
                    <ClientEvents OnRowDropping="onRowDropping" />
                    <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                </ClientSettings>
                <PagerStyle Mode="NumericPages" PageButtonCount="4" />
            </telerik:RadGrid>

I hope this helps.


Greetings,
Maria Ilieva
the Telerik team

[Aret]

THANK YOU SO MUCH MARIA!  That was the answer I was looking for.

[MDS]

Dears, 

Is it possible to do the same on the custom RadGridView (Winforms) ?
AllowAutoScrollOnDragDrop does not exist. 

Best regards,
Dmitriy Utsmiyev.

[Dess | Tech Support Engineer, Principal]

Hello Dmitriy,

Thank you for writing.

RadGridView from the Telerik UI for WinForms suite does not offer such a property. However, this is a reasonable request. I have logged it in our feedback portal. You can track its progress, subscribe for status changes and add your vote/comment to it on the following link - feedback item.

I have also updated your Telerik points.

Currently, the possible solution that I can suggest is to adjust manually the TableElement.VScrollBar.Value. If the drag and drop functionality is implemented as it is demonstrated in the GridView >> Drag and Drop help article, you can use the following example to stop the scrolling behavior when dragging a row:

RadDragDropService dragDropService;
int scrollValue = 0;

public Form1()
{
    InitializeComponent();

    dragDropService = this.leftGrid.GridViewElement.GetService<RadDragDropService>();
    dragDropService.Started += dragDropService_Started;
    leftGrid.TableElement.VScrollBar.ValueChanged += VScrollBar_ValueChanged;
}

private void dragDropService_Started(object sender, EventArgs e)
{
    scrollValue = this.leftGrid.TableElement.VScrollBar.Value;
}

private void VScrollBar_ValueChanged(object sender, EventArgs e)
{
    if (dragDropService != null && dragDropService.State == RadServiceState.Working)
    {
        this.leftGrid.TableElement.VScrollBar.Value = scrollValue;
    }
}

I hope this information helps. Should you have further questions, I would be glad to help.

Regards,
Desislava
Telerik

 

 

[MDS]

Desislava, 

It work, thanks. 

Best regards,
Dmitriy Utsmiyev.