THEMES
THEME SETTINGS

Vertical Grid - Filtering and Sorting Header Filter



Photo 
Price Not filtered
$780,000.00$1,750,000.00$350,000.00$455,000.00$1,700,000.00
InformationExpand categoryCollapse category
Address 
652 Avonwick Gate, Toronto, ON M3A2582649 Topeka St, Riverbank, CA 95360328 S Kerema Ave, Milford, CT 064655119 Beryl Dr, San Antonio, TX 7821261207 16th St N, Moorhead, MN 56564
Status Not filtered
ForeclosuresNew ConstructionNew ConstructionForeclosuresNew Construction
FeaturesExpand categoryCollapse category
Baths Not filtered
43224
Beds Not filtered
45445
House Size Not filtered
7500125008356798014250
Page 1 of 5 (25 items)Prev12345Next

The DevExpress ASP.NET MVC Vertical Grid provides a powerful data filtering mechanism that displays a dropdown list of all unique values within a row. Invoked by activating the row header’s filter button, end-users can filter the records stored in the underlying dataset by selecting the values displayed within the dropdown.

Filter dropdown buttons are disabled by default. To show filter buttons, set the Settings.ShowHeaderFilterButton property to true.

You can specify the header filter mode for a row using the SettingsHeaderFilter.Mode property.

  • In List mode, the row's header filter dropdown displays a regular list of filter items, allowing end-users to select a single value.
  • In CheckedList mode, the row's header filter dropdown contains a check box list, allowing end-users to select multiple values for the filter criteria.
  • DateRangeCalendar and DateRangePicker modes are available for date columns only.

The MVC Vertical Grid allows you to create custom filter values, define filter criteria and display these values within the row's filter dropdown (via the HeaderFilterFillItems method delegate). In this demo, custom filter values are displayed within the 'Price' and 'House Size' rows' filter dropdowns.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.