Tab

CardViewColumn.SortOrder Property

Gets or sets the column's sort order.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

Declaration

[DefaultValue(ColumnSortOrder.None)]
public virtual ColumnSortOrder SortOrder { get; set; }
<DefaultValue(ColumnSortOrder.None)>
Public Overridable Property SortOrder As ColumnSortOrder

Property Value

Type Default Description
ColumnSortOrder

None

A ColumnSortOrder enumeration value that specifies the column's sort order.

Remarks

Read the SortOrder property's value to determine which sort order is currently applied to the column. Assign a value to this property to sort data by the current column's values.

You can also use the CardViewColumn.SortAscending and CardViewColumn.SortDescending methods to specify the desired sort order. To clear sorting, use the CardViewColumn.UnSort method.

Any previous sorting is not cleared when changing the SortOrder property's value. The new sort order applies an additional sorting condition to the one previously applied. The newly sorted column is added to the collection of sorted columns. Its index within the collection can be obtained using the CardViewColumn.SortIndex property. The number of sorted columns is returned by the ASPxGridBase.SortCount property.

Sorting is allowed if the ASPxGridBehaviorSettings.AllowSort property is set to true.

Example

Web Forms approach:

NOTE

For a full example, see the CardView - Sorting (Web Forms) demo.

<dx:ASPxCardView ID="ASPxCardView1" runat="server" DataSourceID="HomesDataSource" 
    EnableCardsCache="false" Width="100%">
    <Columns>
        ...
        <dx:CardViewTextColumn FieldName="Price" SortOrder="Ascending">
            <PropertiesTextEdit DisplayFormatString="c" />
        </dx:CardViewTextColumn>
        <dx:CardViewImageColumn FieldName="PhotoUrl" Settings-AllowSort="False">
            <PropertiesImage ImageWidth="250" />
        </dx:CardViewImageColumn>
    </Columns>
    <CardLayoutProperties ColCount="2">
        <Items>
        ...
        </Items>
    </CardLayoutProperties>
</dx:ASPxCardView>

MVC approach:

NOTE

For a full example, see the CardView - Sorting (MVC) demo.

@Html.DevExpress().CardView( settings => {
    settings.Name = "CardView";
    ...
    settings.Columns.Add(c =>{
        c.FieldName = "Price";
        c.SortOrder = ColumnSortOrder.Ascending;
        c.PropertiesEdit.DisplayFormatString = "c";
    });
    settings.Columns.Add(c => {
        c.FieldName = "PhotoUrl";
        c.ColumnType = MVCxCardViewColumnType.Image;
        ((ImageEditProperties)c.PropertiesEdit).ImageWidth = 250;
    });

    ...
}).Bind(Model).GetHtml()

Online Example

Online Demos

See Also