Skip to main content

CardViewExtension Class

Represents an extension object implementing the CardView functionality.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v24.1.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

public class CardViewExtension :
    GridExtensionBase

Remarks

To declare the CardView in a View, invoke the ExtensionsFactory.CardView helper method. This method returns the CardView extension that is implemented by the CardViewExtension class.

To configure the CardView extension, pass the CardViewSettings object to the ExtensionsFactory.CardView helper method as a parameter. The CardViewSettings object contains all the CardView extension settings.

Concepts

CardView Overview

Example

@Html.DevExpress().CardView( 
    settings => {
        settings.Name = "CardView";
        settings.CallbackRouteValues = new { Controller = "Filtering", Action = "SearchPanelPartial" };

        settings.Columns.Add("ContactName");
        settings.Columns.Add("CompanyName");
        settings.Columns.Add("Address");
        settings.Columns.Add("City");
        settings.Columns.Add("PostalCode");
        settings.Columns.Add("Country");
        settings.Columns.Add("Phone");
    }).Bind(Model).GetHtml()

Online Demos

Card View Demos

See Also