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

Filtering

The Telerik UI ComboBox for ASP.NET Core allows the user to filter the available items by their text so they can find the one they need more quickly.

To enable the ComboBox filtering, set the desired filter operator through the Filter() method. The supported options are contains, startswith and endswith. When the filtering is enabled, the user can decide where the actual filtering happens:

Client Filtering

By design, the Telerik UI ComboBox uses client-side filtering and there is no specific option that should be set. The actual operation is performed via JavaScript directly on the client. No requests are being made to the server-side.

Server Filtering

To enable server filtering set the ServerFiltering option to true. Doing so, the filtering will be perfomed on the server-side. The widget performs an AJAX request and sends the filter's value and operator to the server-side. The data is filtered on the server and the ready-to-use subset is returned back to the widget.

    @(Html.Kendo().ComboBox()
          .Name("products")
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  read.Action("ServerFiltering_GetProducts", "ComboBox");
              })
              .ServerFiltering(true);
          })
    )
<kendo-combobox name="products">
    <datasource server-filtering="true">
        <transport>
            <read url="@Url.Action("ServerFiltering_GetProducts", "ComboBox")" />
        </transport>
    </datasource>
</kendo-combobox>

See Also

In this article