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

Server Filtering

Products

You can use server filtering to display a subset of data, a reduced portion of the whole dataset. Basically, the widget displays just the data returned from the server depending on the search criterion of the user.

This is quite useful when the dataset is large and contains thousands or more records. In such situations, you can define a minimum filter length by using the MinLength property. For instance, if you set this option to 3, the widget will not start filtering the dataset until at least 3 characters are entered.

When server filtering is enabled, the web service request will not be performed until the user has typed in a sufficient amount of symbols.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="c#" AutoEventWireup="true"  Inherits="Telerik.Web.Examples.MultiSelect.ServerFiltering.DefaultCS" CodeFile="DefaultCS.aspx.cs" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <style>
        .demo-container label {
            display: block;
            margin: 15px 0 5px 0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-narrow" runat="server">
        <h4>Products</h4>
        <telerik:RadMultiSelect runat="server" ID="RadMultiSelect1"
            DataTextField="ProductName"
            DataValueField="ProductID"
            Placeholder="Select products..."
            Width="400px">
            <WebServiceClientDataSource runat="server" EnableServerFiltering="true">
                <WebServiceSettings ServiceType="OData">
                    <Select Url="https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products" />
                </WebServiceSettings>
            </WebServiceClientDataSource>
        </telerik:RadMultiSelect>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance