Drag column from one Grid to rows in a different grid

[Christian]

Hi

I have a page with a list of categories, represented as a RadGrid (called CategoryRadGrid).
To the right of this list I have another RadGrid (called CategoryDetailRadGrid) which basically shows detailed information about a row in the first grid.


So when you click on a row in CategoryRadGrid (containing a subset of info about a category), every detail about this category is shown in CategoryDetailRadGrid.

CategoryDetailRadGrid has the column headers from CategoryRadGrid as rows with corresponding values for the category (hiding it's header of course).

Binding is done client-side.

What I want to do is this:
I want to be able to drag a row from CategoryDetailRadGrid to CategoryRadGrid (preferrably to the header section, containing column names) as to indicate that I want to extend CategoryRadGrid with a new column.
And I want to do this vice versa, i.e. drag a column from CategoryRadGrid to CategoryDetailRadGrid to remove it from CategoryRadGrid.

So far I've only managed to intercept the client event, OnRowDropped, when I drag a row from CategoryDetailRadGrid to the rows in CategoryRadGrid (which I as mentioned would like to be able to drag to the header part instead),

Any suggestions?

Regards

Christian

[Maria Ilieva]

Hello Christian,

I would suggest you to review the following online demo which presents the required functionality:
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

Test it on your end and verify if it covers your requirements.

Greetings,
Maria Ilieva
the Telerik team