Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Features

Filter
  • And
    • Category.Category NameEquals
      Beverages
Apply

Product Name 
CategoryName 
Company Name 
Contact Name 
Unit Price 
Units In Stock 
ChaiBeveragesExotic LiquidsCharlotte Cooper$18.0039
ChangBeveragesExotic LiquidsCharlotte Cooper$19.0017
Guaraná FantásticaBeveragesRefrescos Americanas LTDACarlos Diaz$4.5020
Sasquatch AleBeveragesBigfoot BreweriesCheryl Saylor$14.00111
Steeleye StoutBeveragesBigfoot BreweriesCheryl Saylor$18.0020
Côte de BlayeBeveragesAux joyeux ecclésiastiquesGuylène Nodier$263.5017
Chartreuse verteBeveragesAux joyeux ecclésiastiquesGuylène Nodier$18.0069
Ipoh CoffeeBeveragesLeka TradingChandra Leka$46.0017
Laughing Lumberjack LagerBeveragesBigfoot BreweriesCheryl Saylor$14.0052
Outback LagerBeveragesPavlova, Ltd.Ian Devling$15.0015
Page 1 of 2 (12 items)Prev12Next


This demo illustrates the DevExpress MVC Filter Control (FilterControlExtension) that emulates the built-in filter.

In this demo, specify the filter criteria and click Apply. This calls the Filter Control's Apply client method and raises the filter extension's Applied client-side event to filter the GridView data.

The GetFilterExpressionInfo method returns filter criteria information (MVCxFilterControlExpressionInfo) in the controller.

This Filter Control extension automatically creates all columns (including embedded) if you use a strongly typed extension (Html.DevExpress().FilterControl<ModelType>(...)). You can use the MVCxFilterControlSettings.MaxHierarchyDepth property to specify the maximum number of nested levels in the filter control. You can also add hidden columns to the Filter Control extension's Columns collection.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDataEditorsDemos