Skip to main content
All docs
V25.1
  • GridDataColumnFilterMenuTemplateContext.ListView Property

    Specifies whether filter menu displays values as a plain list.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public RenderFragment ListView { get; }

    Property Value

    Type Description
    RenderFragment

    Visual representation of filter menu values.

    Remarks

    Filter menu displays all unique column values as a list, except for dates that are displayed as a hierarchy. You can specify the ListView property in the FilterMenuTemplate to display DateTime and DateTime? values as a plain list.

    Filter menu values

    The following example applies the ListView property to the Order Date column:

    <DxGrid Data="GridData"
            FilterMenuButtonDisplayMode="GridFilterMenuButtonDisplayMode.Always">
        <Columns>
            <DxGridDataColumn FieldName="OrderDate">
                <FilterMenuTemplate>
                    @context.ListView
                </FilterMenuTemplate>
            </DxGridDataColumn>
            <DxGridDataColumn FieldName="ProductName" MinWidth="100" />
            <DxGridDataColumn FieldName="UnitPrice" DisplayFormat="c2" />
            <DxGridDataColumn FieldName="Quantity" />
            <DxGridDataColumn FieldName="Discount" DisplayFormat="p0" />
            <DxGridDataColumn FieldName="Total"
                              UnboundType="GridUnboundColumnType.Decimal"
                              UnboundExpression="[UnitPrice] * [Quantity] * (1 - [Discount])"
                              DisplayFormat="c2" />
        </Columns>
    </DxGrid>
    
    @code {
        object GridData { get; set; }
        IReadOnlyList<Category> Categories { get; set; }
    
        protected override async Task OnInitializedAsync() {
        Categories = (await NwindDataService.GetCategoriesAsync()).ToList();
            var invoices = await NwindDataService.GetInvoicesAsync();
            var products = await NwindDataService.GetProductsAsync();
            GridData = invoices.Join(products, i => i.ProductId, p => p.ProductId, (i, p) => {
                return new {
                    ProductName = i.ProductName,
                    CategoryId = p.CategoryId,
                    OrderDate = i.OrderDate,
                    UnitPrice = i.UnitPrice,
                    Quantity = i.Quantity,
                    Discount = i.Discount,
                    ShippedDate = i.ShippedDate
                };
            });
        }
    }
    

    Plain dates in filter menu

    See Also