About the Data View
The DevExpress ASP.NET MVC DataView extension displays data using a highly customizable card or list-based UI metaphor.
Follow the three simple steps below to add a DevExpress DataView extension and bind it to your data. It's easy as “M”, “V”, and “C”.
1. Model (the "M" in MVC). First, you will need a Model object for the DevExpress DataView to bind to. Create a new data model using the Entity Framework wizard or LinqToSQL ORM from Visual Studio. You can also use any model that supports the IEnumerable interface.
2. View (the "V" in MVC). Next, you will declare the DataView extension inside of the View. Specifically, you will create a Partial View because the DevExpress DataView extension provides AJAX callbacks by default to give your end-users a better experience without updating the entire page. However, because ASP.NET MVC does not support callbacks, declare the DataView extension inside of a Partial View and define how the callbacks will be routed back to your controller using the CallbackRouteValues property:
Partial View code:
3. Controller (the "C" in MVC). Finally, the controller is where you will need to define the action methods that will handle the DataView callbacks. The "OverviewPartial" action method below handles the callbacks. As you can see, the native DevExpress DataView extension follows the ASP.NET MVC pattern while providing powerful features for your end-users.