This is a migrated thread and some comments may be shown as answers.

RadGrid: Drag and Drop doesn't work when we have a vertical scroll bar.

1 Answer 241 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Kris asked on 12 Apr 2012, 05:29 PM

Image1--Scroll.PNG

Image2--Drag.png

Image3--Drop.PNG

Hi,

I have a RadGrid with Items Drag-and-drop functionality. It works great unless I have more than 6 rows which allows a vertical scroll bar in the grid. When I have a vertical scroll bar and try to drag the last item/row to the first or second row, it doesn't work. I have attached snap shots and code.

Looks like the issue is with IE8 Browser.

Please help.

Thanks

<telerik:RadGrid AllowPaging="False" AllowSorting="False" AutoGenerateColumns="False" cssClass="Grid" ID="grdWorkDistrRules"

ItemPlaceholderID="RulesContainer" OnDetailTableDataBind="grdWorkDistrRules_DetailTableDataBind" OnRowDrop="grdWorkDistrRules_RowDrop"

OnItemDataBound="grdWorkDistrRules_OnItemDataBound" OnNeedDataSource="grdWorkDistrRules_OnNeedDataSource"

OnItemCommand="grdWorkDistrRules_ItemCommand" runat="server" ShowGroupPanel="True" Skin="Windows7" Width="600">

<MasterTableView DataKeyNames="Id" GroupLoadMode="Server" CommandItemDisplay="Top">

<CommandItemTemplate>

<telerik:RadToolBar ID="tbRules" runat="server" Width="100%"

OnButtonClick="RadToolBar1_ButtonClick" OnPreRender="tbRules_PreRender">

<Items>

<telerik:RadToolBarButton Text="All" CommandName="ShowAll" CheckOnClick="true" Value="ShowAll" Group="Rules" ></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Active" CommandName="ShowActive" CheckOnClick="true" Value="ShowActive" Group="Rules"> </telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Inactive" CommandName="ShowInactive" CheckOnClick="true" Value="ShowInactive" Group="Rules"></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<Columns>

<telerik:GridDragDropColumn HeaderStyle-Width="30px" Visible="true" />

<telerik:GridEditCommandColumn UniqueName="EditRule" ButtonType="ImageButton" HeaderStyle-Width="30px" />

<telerik:GridBoundColumn UniqueName="Sequence" DataField="Sequence" HeaderText="Sequence" HeaderStyle-Width="70" />

<telerik:GridBoundColumn UniqueName="Name" DataField="Name" HeaderText="Name" />

<telerik:GridTemplateColumn HeaderText="Queue" >

<ItemTemplate>

<uc:WorkItemQueue id="ctlWorkItemQueue" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="Status" DataField="IsActive" HeaderText="Status" HeaderStyle-Width="45"/>

</Columns>

<NestedViewSettings >

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Id" MasterKeyField="Id" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<asp:Panel ID="NestedViewPanel" runat="server" >

<div >

<fieldset style="padding: 10px;">

<table style="float:left;text-align:top;" >

<tr>

<td> Facilities:</td>

<td><%# PopulateFacilities(Eval("Id").ToString())%></td>

</tr>

<tr>

<td colspan="4">Created by <%# Eval("CreatedBy")%>, <%# Eval("CreatedOn") %></td>

</tr>

<tr>

<td colspan="4">Modified by <%# Eval("ModifiedBy")%>, <%# Eval("ModifiedOn") %></td>

</tr>

</table>

</fieldset>

</div>

</asp:Panel>

</NestedViewTemplate>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="true">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="true"/>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

RadGrid: Drag and Drop doesn't work when we have a vertical scroll bar.

1 Answer, 1 is accepted