Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Batch Editing and Updating

v
New
 
DeleteDeleteDeleteDeleteDeleteDeleteDeleteDeleteDeleteDelete
Product Info
Product Name
 
ChaiChangAniseed SyrupChef Anton's Cajun SeasoningChef Anton's Gumbo MixGrandma's Boysenberry SpreadUncle Bob's Organic Dried PearsNorthwoods Cranberry SauceMishi Kobe NikuIkura
Category Name
 
BeveragesBeveragesCondimentsCondimentsCondimentsCondimentsProduceCondimentsMeat/PoultrySeafood
Supplier
 
Exotic LiquidsExotic LiquidsExotic LiquidsNew Orleans Cajun DelightsNew Orleans Cajun DelightsGrandma Kelly's HomesteadGrandma Kelly's HomesteadGrandma Kelly's HomesteadTokyo TradersTokyo Traders
Details
Quantity Per Unit
 
10 boxes x 20 bags24 - 12 oz bottles12 - 550 ml bottles48 - 6 oz jars36 boxes12 - 8 oz jars12 - 1 lb pkgs.12 - 12 oz jars18 - 500 g pkgs.12 - 200 ml jars
Unit Price
 
$18.00$19.00$10.00$22.00$21.35$25.00$30.00$40.00$97.00$31.00
Units In Stock
 
3917135301201562931
Discontinued
 
Page 1 of 8 (77 items)Prev12345678Next
Save changesCancel changes


The DevExpress ASP.NET Vertical Grid control allows end-users to edit and update multiple grid columns on the client side and send them to the server in a single request.

To enable the batch editing functionality, set the SettingsEditing.EnableEditing property to true, so the control data contained in a page can be edited using in-line editors. The modified cells are colored in green. Deleted records are highlighted with gray and display the 'Recover' command item. To hide the deleted records from the view, set the SettingsEditing.BatchEditSettings.HighlightDeletedRecords property to false. All changes are maintained on the client side until the Save changes link is clicked. You can cancel all changes by clicking the Cancel changes link.

If a control contains modified data, it displays a confirm message before a callback or postback is performed.

In this demo, use the Start edit action combo box (“Click” or “Double click”) to specify the action that should be used to begin editing data.

The VerticalGrid validates user-input on the client-side based on the data annotation attributes of your Model. This approach is also called unobtrusive client validation. To enable the unobtrusive validation, the partial View with the VerticalGrid extension is placed inside the HTML <form> element (rendered via the Html.BeginForm helper). The Partial View with the VerticalGrid extension contains two helpers that enable the unobtrusive client validation: Html.EnableClientValidation and Html.EnableUnobtrusiveJavaScript. An error is displayed next to the individual data editors.