Silk skin

MultiSelect - Server Filtering

Products

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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

Help Us Improve

Was this example helpful?