New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Drag & Drop

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • drag_drop.cshtml
  • Drag_DropController.cs
  • ProductService.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

This example shows how to enable the Drag and Drop functionality of the Telerik UI for ASP.NET MVC Grid.

All you have to do is:

  • Set the reorderable configuration of the rows: .Reorderable(reorder => reorder.Rows(true))
  • Add a draghandle to a specified column to reorder the rows by dragging: .Draggable(true)

You can also use the `RowReorder` event the Grid to handle the drag and drop operations and modify the data source as per your business logic (for example, to move rows between grids).

Additionally, you can enable the `Navigatable()` option and reoderer the rows by using Ctrl + Up/Down.

More about the Telerik Grid for ASP.NET MVC

Support & Learning Resources