Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Data Binding

Personal Information
Work Information
Update Record

This demo illustrates how to use the FormLayout extension to edit data Model fields.

In this demo, edited objects are passed from the controller to a strongly-typed View. The strongly-typed View contains the FormLayout extension with its layout items.

FormLayout layout items are stored in the Items collection, and are bound to Model fields using lambda expressions. Each layout item contains a nested data editor that allows end-users to edit corresponding field type values.

When the edit form is submitted to the server, the edited record is updated within the data source.

When FormLayout is bound to data model fields, the DevExpressEditorsBinder model binder must be used instead of the default model binder to correctly transfer values from DevExpress editors back to corresponding data model fields.

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\MVCxNavigationAndLayoutDemos