Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

External Edit Form

*
*
v
+
-
+
-
Update
Cancel


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.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos