Radgrid - Drag-n-drop - e.HtmlElement

[JH]

Hi,

I am using the grid's built in drag and drop functionality and have observed a strange issue.
When dropping a grid item onto a html control within the grid, the "e.HtmlElement" is empty. It is only not empty when dropping on items outside of the grid. Is there any way around this? I would really like to be able to drop a grid item onto a specific row to trigger some functionality.

Thank you

[Dimo]

Hello JH,

When you drop over a RadGrid item, e.HtmlElement (server argument) is null by design and you can use e.DestDataItem to find out the drop destination.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

On the other hand, the destination HTML element is available as an argument in the client-side OnRowDropping event...

http://www.telerik.com/help/aspnet-ajax/onrowdropping.html

and in the OnRowDropped event, only if you drop outside RadGrid.

http://www.telerik.com/help/aspnet-ajax/onrowdropped.html

Kind regards,
Dimo
the Telerik team

[JH]

Thank you for the answer.
The e.DestDataItem gives me the drop destination in terms of grid data items.. but I would like to find on what column/html element within the grid a row is dropped. I guess my only option is to use the client side event and postback the html element myself?

[Dimo]

Hello JH,

Well, if you need the exact HTML element (e.g. table cell), you can post it manually indeed.

Best wishes,
Dimo
the Telerik team

[mostafa]

I have the same issue so I tried to do that from client side as you suggested but again eventArgs.get_destinationHtmlElement() returns null if I dropped the row on the gridView item template,any Suggestions?

<script type="text/javascript">
       function RowDropped(sender, eventArgs) {
           alert("Dropped target element id is: " + eventArgs.get_destinationHtmlElement().id);
       }
   </script>

<telerik:RadGrid ID="rGridCustomerListCount" runat="server" AutoGenerateColumns="False"
              GridLines="None"
              OnRowDrop="rGridCustomerListCount_RowDrop">
              <MasterTableView DataKeyNames="AccID">
                  <RowIndicatorColumn>
                      <HeaderStyle Width="20px" />
                  </RowIndicatorColumn>
                  <ExpandCollapseColumn>
                      <HeaderStyle Width="20px" />
                  </ExpandCollapseColumn>
                  <Columns>
                      <telerik:GridBoundColumn DataField="AccNameEn" HeaderStyle-Width="180px" HeaderText="Account Name"
                          ItemStyle-Width="180px" UniqueName="column">
                      </telerik:GridBoundColumn>
                      <telerik:GridTemplateColumn HeaderStyle-Width="25px" HeaderText="U" ItemStyle-Width="25px">
                          <ItemTemplate>
                              <asp:Label runat="server" ID="U" Text='<%# Eval("U") %>'></asp:Label>
                          </ItemTemplate>
                      </telerik:GridTemplateColumn>
      </Columns>
      </MasterTableView>
              <ClientSettings AllowColumnHide="True" AllowColumnsReorder="True" AllowDragToGroup="True"
                  AllowKeyboardNavigation="True" AllowRowHide="True" AllowRowsDragDrop="True" EnableRowHoverStyle="True"
                  ReorderColumnsOnClient="True">
                  <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                  <Resizing AllowRowResize="True" EnableRealTimeResize="True" />
                  <Selecting AllowRowSelect="True" EnableDragToSelectRows="true" />
              </ClientSettings>
          </telerik:RadGrid>

[Iana Tsolova]

Hello JH,

Try nesting a div with particular ID in the ItemTemplate and see if this works for you.

All the best,
Iana
the Telerik team