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

Date Range Header Filter

v
 
From
Subject
DateNot filtered
Has Attachment
CollapseDeveloper Express - RayNew Holiday Skin12/16/2024 3:58 PM
  Andrew FullerRe: New Holiday Skin12/16/2024 6:06 PM
 CollapseSteven BuchananRe: New Holiday Skin12/16/2024 6:14 PM
   Nancy DavolioRe: New Holiday Skin12/16/2024 6:16 PM
 CollapseJanet LeverlingRe: New Holiday Skin12/17/2024 2:51 PM
  CollapseMax V. Evseev (Developer Express)Re: New Holiday Skin12/18/2024 8:58 AM
    Thomas HardyRe: New Holiday Skin12/18/2024 11:34 AM
    Janet LeverlingRe: New Holiday Skin12/18/2024 12:40 PM
   CollapseNancy DavolioRe: New Holiday Skin12/18/2024 4:29 PM
     Thomas HardyRe: New Holiday Skin12/18/2024 5:48 PM
    CollapseMichael SuyamaRe: New Holiday Skin12/18/2024 10:07 PM
     CollapseNancy DavolioRe: New Holiday Skin12/18/2024 10:21 PM
       Robert KingRe: New Holiday Skin12/19/2024 2:39 PM
       Michael SuyamaRe: New Holiday Skin12/19/2024 1:41 PM
    Laura CallahanRe: New Holiday Skin12/21/2024 5:27 PM
 CollapseAnne DodsworthRe: New Holiday Skin12/19/2024 4:04 PM
   Margaret PeacockRe: New Holiday Skin12/21/2024 7:46 AM

The DevExpress ASP.NET Tree List (ASPxTreeList) allows end-users to filter dates.

A date column's drop-down header filter displays a date editor (date range picker or calendar) and a list of predefined date periods. End-users can filter the records stored in the underlying dataset by selecting the values displayed within the drop-down. The header filter is disabled by default - set the column's AllowHeaderFilter property to true to enable it.

To specify which date editor the drop-down displays, set the column's SettingsHeaderFilter.Mode property to one of the following values:

  • DateRangeCalendar – Displays a calendar. Use the DateRangeCalendarSettings property to customize the calendar's settings.
  • DateRangePicker – Displays a date range picker. Use the DateRangePickerSettings property to customize the editor's settings.
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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxTreeListDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxTreeListDemos