v15.2
This example is now obsolete. Starting with v15.2, we implemented a new GridViewDataColumnHeaderFilterSettings.Mode property. Please refer to the Date Range Header Filter demo.
For older versions:
This example illustrates how to create a custom HeaderFilter for a date column. The main steps are:
1) create a custom HeaderTemplate using the SetHeaderTemplateContent method to prevent default header filter button logic and implement a custom one;
2) use the PopupControl to display a Calendar and several additional filters. FormLayout is used to build a layout;
3) use the client AutoFilterByColumn method to perform filtering from the client side and the MVCxClientGridView.PerformCallback method to pass a complex filter expression to the server to implement custom filtering;;
4) process a custom callback in the action method defined using the CustomActionRouteValues property and pass information about the current filter command to a partial view;
5) assign a delegate method to the BeforeGetCallbackResult property and implement the approach described in the ASPxGridView - How to programmatically change the column's filter in the FilterExpression help article to apply a new filter.
Click on the "Model Date" column to check how this works.
Web Forms:
ASPxGridView - How to implement a custom HeaderFilter with a calendar for a date column