Grid View - Editing External Edit Form

Product Name 
Quantity Per Unit 
Unit Price 
Units In Stock 
Edit DeleteChaiBeverages10 boxes x 20 bags$18.0039
Edit DeleteChangBeverages24 - 12 oz bottles$19.0017
Edit DeleteAniseed SyrupCondiments12 - 550 ml bottles$10.0013
Edit DeleteChef Anton's Cajun SeasoningCondiments48 - 6 oz jars$22.0053
Edit DeleteChef Anton's Gumbo MixCondiments36 boxes$21.350
Edit DeleteGrandma's Boysenberry SpreadCondiments12 - 8 oz jars$25.00120
Edit DeleteUncle Bob's Organic Dried PearsProduce12 - 1 lb pkgs.$30.0015
Edit DeleteNorthwoods Cranberry SauceCondiments12 - 12 oz jars$40.006
Edit DeleteMishi Kobe NikuMeat/Poultry18 - 500 g pkgs.$97.0029
Edit DeleteIkuraSeafood12 - 200 ml jars$31.0031
Page 1 of 8 (77 items)Prev12345678Next

This demo illustrates data editing options available to you when using the DevExpress MVC Grid View.

The MVC Grid View can include a column with links that execute Delete, Insert and Edit operations. The SetDataItemTemplateContent method is used to assign a specific template to the column. Editing data is performed within a specially designed page. This page contains the appropriate DevExpress editors for each Grid View column. Note that this demo also illustrates how model validation can be used together with DevExpress MVC Editors. The data model is decorated with custom validation attributes and both server-side and client-side validation code is added - allowing error messages to be automatically displayed in the browser near editors when client-side validation fails.

The ClientLayout method delegate is used to maintain the Grid View's state as a user navigates between the grid and the data edit page.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.