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 233 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kris
Top achievements
Rank 1
Kris asked on 12 Apr 2012, 05:29 PM
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>

1 Answer, 1 is accepted

Sort by
0
Kris
Top achievements
Rank 1
answered on 13 Apr 2012, 03:03 PM
Problem solved. Please close this thread. I upgraded the version.
Tags
Grid
Asked by
Kris
Top achievements
Rank 1
Answers by
Kris
Top achievements
Rank 1
Share this question
or