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

Filter menu customization

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • filter_menu_customization.cshtml
  • Filter_Menu_CustomizationController.cs

Also available for:

API REFERENCE

Description

You can see in this demo how to apply common settings for the Telerik ASP.NET MVC Grid filter menu configuration, and customize its user interface.

To begin we should specify a single filter criterion using the Filterable=>Extra(false) setting, and limit the filter operators for string columns to “Starts with”, “Is equal to” and “Is not equal to”. After that we provide the custom filterable UI by referencing the name of the JavaScript function which initializes it. A Kendo UI AutoComplete and a DropDownList for the Title and City columns, respectively.
.Filterable(filterable => filterable.UI("cityFilter"))

More about the Telerik Grid for ASP.NET MVC

Support & Learning Resources