RadGrid Drag and Drop Functionality

[Monika]

Hello Telerik

I have implement Drag and drop functionality in my page usign RadGrid. But I am not able to achieve this functionality.
I have taken reference of telerik Demo application 
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

But in this demo also reordring of grid rows is not working. Only movement of rows between within two grid is working 

   .aspx page code

<

 

radControls:RadScriptBlock runat="server" ID="scriptBlock">

 

 

<script type="text/javascript">

 

 

function onRowDropping(sender, args)

 

{

 

if (sender.get_id() == "<%=grdFieldValueList.ClientID %>")

 

{

 

var node = args.get_destinationHtmlElement();

 

 

if(!isChildOf('<%=grdFieldValueList.ClientID %>', node) )

 

{

args.set_cancel(

true);

 

}

}

}

 

 

function isChildOf(parentId, element)

 

{

 

while(element)

 

{

 

if (element.id && element.id.indexOf(parentId) > -1)

 

{

 

return true;

 

}

element = element.parentNode;

}

 

return false;

 

}

 

 

</script>

 

<radControls:RadGrid ID="grdFieldValueList" runat=server AutoGenerateColumns=false OnRowDrop="grdFieldValueList_RowDrop">

 

<ClientSettings AllowRowsDragDrop=true >

 

 

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

 

 

<ClientEvents OnRowDropping="onRowDropping" />

 

 

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

 

 

</ClientSettings>

 

 

<MasterTableView DataKeyNames="FieldCode" GridLines="Both" BackColor="White">

 

 

<Columns>

 

 

 

<radControls:GridBoundColumn DataField="FieldCode"></radControls:GridBoundColumn>

 

 

<radControls:GridBoundColumn DataField="DisplayName"></radControls:GridBoundColumn>

 

 

 

</Columns>

 

 

</MasterTableView >

 

 

 

</radControls:RadGrid>

 

aspx.cs page code

 

private static DWField GetFieldValue(IList<DWField> valuesToSearchIn, int FieldCode)

 

{

 

foreach (DWField fieldValue in valuesToSearchIn)

 

{

 

if (fieldValue.FieldCode == FieldCode)

 

{

 

return fieldValue;

 

}

}

 

return null;

 

}

 

 

protected void grdFieldValueList_RowDrop(object sender, GridDragDropEventArgs e)

 

{

 

if (e.DestDataItem != null && e.DestDataItem.OwnerGridID == grdFieldValueList.ClientID)

 

{

 

//reorder items in grid

 

 

IList<DWField> fieldValueList = (IList<DWField>)Session["FieldList"];

 

 

DWField tmpFieldValue = GetFieldValue(fieldValueList, (int)e.DestDataItem.GetDataKeyValue("FieldCode"));

 

 

int destinationIndex = fieldValueList.IndexOf(tmpFieldValue);

 

 

if (e.DropPosition == GridItemDropPosition.Above && e.DestDataItem.ItemIndex > e.DraggedItems[0].ItemIndex)

 

{

destinationIndex -= 1;

}

 

if (e.DropPosition == GridItemDropPosition.Below && e.DestDataItem.ItemIndex < e.DraggedItems[0].ItemIndex)

 

{

destinationIndex += 1;

}

 

List<DWField> ValuesToMove = new List<DWField>();

 

 

foreach (GridDataItem draggedItem in e.DraggedItems)

 

{

 

DWField tmpOrder = GetFieldValue(fieldValueList, (int)draggedItem.GetDataKeyValue("FieldCode"));

 

 

if (tmpOrder != null)

 

ValuesToMove.Add(tmpOrder);

}

 

foreach (DWField dwField in ValuesToMove)

 

{

fieldValueList.Remove(dwField);

fieldValueList.Insert(destinationIndex, dwField);

}

 

Session[

"FieldValueList"] = fieldValueList;

 

grdFieldValueList.DataSource = fieldValueList;

grdFieldValueList.DataBind();

 

//grdFieldValues.Rebind();

 

e.DestDataItem.Selected =

true;

 

}

}

The problem is that RowDrop(Serevr side event is getting not fired  every time. It is getting fired sometimes and I am not able to find in which scenario it is getting fired .

Kindly provide me the resolution of this problem

Thanks
 Monika Sharma

[Bruno]

Strange but for me the example is running as expected. In the left grid you can reorder items and drag it to right grid. From the right grid you can drag items to the trash can.

--Bruno