New to Telerik UI for ASP.NET Core? Download free 30-day trial

Filters

To request filtered data on initial load, configure the filters with the FilterDescriptorFactory. the ToDataSourceResult() extension method will return only the filtered data in the response object.

  • The Filter method sets the initial filters.
    @(Html.Kendo().DataSource<ProductViewModel>()
        .Name("myDataSource")
        .Ajax(datasource => datasource
            .Read(read => read.Action("Products_Read", "Home"))
            .Filter(filters =>
            {
                //Show products whose ProductName property contains a "C".
                filters.Add(product => product.ProductName).Contains("C");
                //Show products whose UnitsInStock is greater than 10.
                filters.Add(product => product.UnitsInStock).IsGreaterThan(10);
            })
        )
    )
    @{
        var filterValue = "C";
    }

    <kendo-datasource name="myDataSource" type="DataSourceTagHelperType.Ajax">
        <transport>
            <read url="@Url.Action("Products_Read", "Home")"/>
        </transport>
        <filters>
            <datasource-filter logic="and">
                <filters>
                    <datasource-filter field="ProductName" operator="contains" value="@filterValue"></datasource-filter>
                    <datasource-filter field="UnitsInStock" operator="gt" value="10"></datasource-filter>
                </filters>
            </datasource-filter>
        </filters>
    </kendo-datasource>

See Also

In this article