About the Card View
The DevExpress ASP.NET MVC Card View extension is a powerful editing and data shaping component that allows end-users to manage information and display it in a card view (set of cards).
Follow the three simple steps below to add a DevExpress CardView extension and bind it to your data.
1. Model (the “M” in MVC). First, you will need a Model object for the DevExpress ASP.NET MVC Card View to bind to. Create a new data model using the Entity Framework wizard or LinqToSQL ORM from Visual Studio. However, you can use any model that supports the IEnumerable or Iqueryable interface.
2. View (the “V” in MVC). Next, declare the ASP.NET MVC Card View extension inside of the View. Specifically, we’ll create a Partial View because the DevExpress CardView 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 CardView extension inside of the 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 handle CardView’s callbacks. The “OverviewPartial” action method below handles the callbacks. While the GetOrders action method gets the data from the model to pass to the View. As you can see, the native DevExpress CardView extension follows the ASP.NET MVC pattern while providing powerful features for your end-users.