New to Telerik UI for ASP.NET MVC? Download free 30-day trial
ASP.NET MVC ListBox Drag and Drop
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
- Chef Anton's Gumbo Mix
- Mishi Kobe Niku
- Alice Mutton
- Guaraná Fantástica
- Rössle Sauerkraut
- Thüringer Rostbratwurst
- Singaporean Hokkien Fried Mee
- Perth Pasties
- Chai
- Chang
- Aniseed Syrup
- Chef Anton's Cajun Seasoning
- Grandma's Boysenberry Spread
- Uncle Bob's Organic Dried Pears
- Northwoods Cranberry Sauce
- Ikura
- Queso Cabrales
- Queso Manchego La Pastora
- Konbu
- Tofu
- Genen Shouyu
- Pavlova
- Carnarvon Tigers
- Teatime Chocolate Biscuits
- Sir Rodney's Marmalade
- Sir Rodney's Scones
- Gustaf's Knäckebröd
- Tunnbröd
- NuNuCa Nuß-Nougat-Creme
- Gumbär Gummibärchen
- Schoggi Schokolade
- Nord-Ost Matjeshering
- Gorgonzola Telino
- Mascarpone Fabioli
- Geitost
- Sasquatch Ale
- Steeleye Stout
- Inlagd Sill
- Gravad lax
- Côte de Blaye
- Chartreuse verte
- Boston Crab Meat
- Jack's New England Clam Chowder
- Ipoh Coffee
- Gula Malacca
- Rogede sild
- Spegesild
- Zaanse koeken
- Chocolade
- Maxilaku
- Valkoinen suklaa
- Manjimup Dried Apples
- Filo Mix
- Tourtière
- Pâté chinois
- Gnocchi di nonna Alice
- Ravioli Angelo
- Escargots de Bourgogne
- Raclette Courdavault
- Camembert Pierrot
- Sirop d'érable
- Tarte au sucre
- Vegie-spread
- Wimmers gute Semmelknödel
- Louisiana Fiery Hot Pepper Sauce
- Louisiana Hot Spiced Okra
- Laughing Lumberjack Lager
- Scottish Longbreads
- Gudbrandsdalsost
- Outback Lager
- Flotemysost
- Mozzarella di Giovanni
- Röd Kaviar
- Longlife Tofu
- Rhönbräu Klosterbier
- Lakkalikööri
- Original Frankfurter grüne Soße
Also available for:
CLIENT-SIDE API SERVER-SIDE API
Description
Telerik UI for ASP.NET MVC supports the drag-and-drop feature for many of its components. Depending on the specific component and scenario, dragging and dropping enable you to perform various operations in a fast and efficient way by dragging an element to a dropzone. For example, you can reorder rows inside and outside a table, implement the editing functionality in a component, or reorder tree nodes.
Whatever dragging and dropping target as a scenario, the drag-and-drop feature of the Telerik UI for ASP.NET MVC components is based and built upon on the Kendo UI for jQuery Drag and Drop approach. The Drag and Drop combines the kendoDraggable and kendoDropTarget controls, whose capabilities seamlessly integrate with the whole suite components.
The Telerik UI for ASP.NET MVC ListBox allows you to drag and drop items within a single ListBox (for reordering) or between connected ListBox components (for transfer).
This example demonstrates how to use the Drag and Drop functionality with two ListBoxes and update the underlying data by handling the Add and Remove events. Both ListBoxes are bound to the same DataSource, and the changes can be saved through the Save changes button that triggers the sync() method of the DataSource.