dragging items from RadTreeview and Placing in Radgid Group Panel

[Radhika]

Hi ,

I need to drag an item from RadTreeView and place it in the group Panel of a radgrid in RadTreeView1_NodeDrop event  and grouping should be done accordingly . I am binding the Columns dynamically to the radgrid not in design time . Could you please send me a sample for this?

My requirement is same as : http://www.telerik.com/community/forums/aspnet-ajax/ajax/drag-columns-to-grid-group-panel-and-grid-separetly.aspx


Regards
Radhika

[Marin]

Hi Radhika,

 
In order to achieve this you will need to handle the OnClientNodeDropping client side event of the RadTreeView, detect that the node has been dropped on the Grid group header and fire the corresponding group command. For this you should have the corresponding column already shown in the grid.
You can handle the OnClientNodeDropping event as shown in this help topic:
http://www.telerik.com/help/aspnet-ajax/treeview-onclientnodedropping.html
To detect that the node has been dropped on the grid group header you should check that the ID of the destination element contains the <RadGridName>_GroupPanel string.
Firing the group command from the client can be done as shown here:
http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-firecommand.html
you should pass the name of the column that you need to group on.
You can use the below code snippet as a starting point:

function ClientNodeDropping(sender, eventArgs)
 {
        if (eventArgs.get_htmlElement().id == "RadGrid1_GroupPanel")
        {
              grid.fireCommand("GroupByColumn", "ColumnUniqueName");
        }
 }

All the best,
Marin
the Telerik team