Integrating drag and drop grids in MVC

[Matthew]

Hi I'm trying to use a ASP.NET RadGrid in my MVC project.  I followed the documentation to get the RadGrid to display data in my view, but I'd like to be able to use the drag and drop features.  How is the best way to implement it in MVC?  Sorry if this is a repeat question, I did search both the RadGrid and MVC grid forums but couldn't find anything that was what I was looking for.  Any help would be greatly appreciated.  Thanks!

[Veli]

Hi Matthew,

You can refer to the Integrating RadGrid for ASP.NET AJAX in ASP.NET MVC help topic describing how you can run RadGrid in an MVC project. Note that not all functionality available in RadGrid is guaranteed to work in MVC. For a grid extension designed specifically for MVC, refer to the Telerik Grid Extension for ASP.NET MVC.

Veli
the Telerik team

[Matthew]

Hi Veli,

I've had a good look at that document and have successfully used the RadGrid in my MVC project.  What I'm interested in is how to organize and incorporate a RadGrid in MVC and use the drap and drop features.  I want to drag and drop between two RadGrids in MVC, but I'm a little at a loss on how to manage that.

Matt

[Veli]

What exactly are you getting? Are you getting any errors (server or client-side) or the grids do not behave as you expect? Can you send us a live URL we can examine? Alternatively, consider opening a regular support ticket where you can attach some small runnable project we can test locally. This will help us exactly identify the issue you are having.

Veli
the Telerik team

[Matthew]

Sorry perhaps I haven't explained my situation clearly.  I have no code other then the basics of integrating a RadGrid into an MVC View page thats shown in the databinding example for the RadControls documentation. I was hoping to get suggestions or perhaps examples from the support pages on how I could go about utilizing the drag and drop in RadGrid in MVC.

[Veli]

Then attached is a basic ASP.NET MVC application demonstrating how you can use RadGrid's Rows drag-and-drop functionality. You need to reference the Telerik.Web.UI assembly in the solution and you can run it. You can use the client-side items drag-and-drop functionality of RadGrid, but you cannot postback on drag as you would do in a normal ASP.NET page. There is no page and control life cycle in ASP.NET MVC as required in standard ASP.NET. You cannot use server-side grid events. In fact, you will get a javascript error if you try to drag and drop an item without canceling the event. This error indicates there is no __doPostBack() method you can use at all.

That said, you need to cancel the postback using the client-side OnRowDropping event of RadGrid. You can get the dragged items, destination data item, id, index or target HTML element inside the same event handler. You have all this data available on the client and you can use it to implement your business logic.

Check it out.

Greetings,
Veli
the Telerik team

[Matthew]

Thanks Veli that did the trick.  I used the OnRowDropping event and used the script it called to grab the selected rows, the destination grid, and the source grid, and stuck them all into hidden fields in a form.  I then called a submit and got the data to a controller for processing.

[Sri]

I am in the same boat.
Can you send me an example with the complete code with mvc3 using razor? I am unable to get it to work.