Filtering
- 8 minutes to read
You can filter grid data using pop-up menus, filter panel, filter editor, or in code.
- Pop-up Filter Menus
- Filter Panel
- Filter Editor
- How to: Filter Data by Multiple Columns from a Single Menu
- How to: Filter Data in Code
Pop-up Filter Menus
Demo: Run the Vertical Grid module in the XtraVerticalGrid MainDemo to see the filtering functionality in action.
An end user can click the filter button in a row’s header to invoke a pop-up filter menu. This menu contains data values and filters based on the data type.
Use the following properties to access filter options:
- VGridControl.OptionsFilter — options that apply to all rows;
- RowProperties.OptionsFilter — a row’s options. Overrides the VGridControl.OptionsFilter options.
For example, use the following properties to prevent end users from filtering data (you can still filter data in code):
for the grid — the VGridControl.OptionsFilter.AllowFilter property (see VGridOptionsFilter.AllowFilter);
for a particular row — the BaseRow.Properties.OptionsFilter.AllowFilter property (see VGridOptionsRowFilter.AllowFilter).
Filter Panel
Once a filter is applied to data, the filter panel is displayed.
The filter panel is only displayed when a filter is applied, and automatically hides otherwise. The VGridControlBase.OptionsView.ShowFilterPanelMode property (see VGridOptionsView.ShowFilterPanelMode) specifies the filter panel’s visibility.
vGridControl1.OptionsView.ShowFilterPanelMode = DevExpress.XtraVerticalGrid.ShowFilterPanelMode.ShowAlways;
The filter panel displays the applied filter. You can handle the VGridControl.CustomFilterDisplayText event to customize the text.
private void vGridControl1_CustomFilterDisplayText(object sender, DevExpress.XtraEditors.Controls.ConvertEditValueEventArgs e) {
if (e.Value == null) {
e.Value = "No Filter";
}
else {
e.Value = e.Value.ToString();
}
e.Handled = true;
}
The drop-down button in the filter panel displays a list of recently applied filters. You can disable this functionality or limit the number of items in the list (the default is 7) using the VGridOptionsFilter.AllowMRUFilterList and VGridOptionsFilter.MRUFilterListPopupCount options.
vGridControl1.OptionsFilter.AllowMRUFilterList = true;
vGridControl1.OptionsFilter.MRUFilterListPopupCount = 3;
Filter Editor
In the filter panel, end users can click the Edit Filter button to invoke the filter editor. Set the VGridOptionsFilter.AllowFilterEditor property to false to disable the editor.
The editor provides the visual and text views. The VGridOptionsFilter.DefaultFilterEditorView option allows you to specify the view.
vGridControl1.OptionsFilter.DefaultFilterEditorView = DevExpress.XtraEditors.FilterEditorViewMode.TextAndVisual;
Note
Starting with v18.1, the filter editor allows a user to type filter expressions in the Text tab. This tab supports syntax highlighting and auto-complete. To revert data-aware controls to the legacy filter editor, disable the static WindowsFormsSettings.UseAdvancedFilterEditorControl property.
How to: Filter Data by Multiple Columns from a Single Menu
Demo: See the “Name“ row in the Vertical Grid module in the XtraVerticalGrid MainDemo to see grouped filters in action.
A row’s filter menu shows only values available in that row. To filter data by multiple row, invoke each row’s menu.
It is also possible to group filter values in the current row’s filter menu by values in another row. This allows you to filter data for multiple rows from a single menu.
To enable this feature, use the row’s EditorRow.Properties.OptionsFilter.PopupExcelFilterGrouping property (see VGridOptionsRowFilter.PopupExcelFilterGrouping). This property specifies data fields (rows) by which to group filter values in this row’s filter menu. Data fields (rows) should be specified by their names as strings separated by the comma, semicolon, space or tab character.
The code below shows how to display available categories below each trademark as illustrated in the figure above.
//Customize the Trademark row's filter menu.
erTrademark.Properties.OptionsFilter.PopupExcelFilterGrouping = "Trademark;Category";
//As values of the customized row are displayed at the root level by default, you can omit its name ("Trademark").
//The code below has the same effect.
erTrademark.Properties.OptionsFilter.PopupExcelFilterGrouping = "Category";
You can specify two or more data fields (rows) to group filter values by multiple rows. The field name order determines the group hierarchy. To show available trademarks below each category in the Trademark row’s filter menu, you can change the group hierarchy using the following code.
//Customize the Trademark row's filter menu.
//The ("Trademark") name cannot be omitted because the customized column's values are not displayed at the root level in this case.
erTrademark.Properties.OptionsFilter.PopupExcelFilterGrouping = "Category;Trademark";
As a result, values from the Category row are shown at the root level.
For a Code First data source, you can use the same syntax in the attribute parameter to annotate data fields with the FilterGroup attribute. See Filtering Attributes to learn more.
[Utils.Filtering.FilterGroup("Category;Trademark")]
public string Trademark { get; set; }
public string Category { get; set; }
How to Filter Data in Code
On the grid level, you can specify a filter using the following API:
the VGridControl.ActiveFilterString property — gets and sets the active filter as a string expression. This property returns the same value as the ActiveFilter.Expression property;
See Criteria Language Syntax to learn how to create filter expressions.
the VGridControl.ActiveFilterCriteria property — gets or sets the active filter as a CriteriaOperator object. This property returns the same value as the ActiveFilter.Criteria property;
See Creating Criteria to learn how to create filter criteria.
- the VGridControl.ActiveFilterEnabled property — allows you to temporary disable the active filter;
- the VGridControl.CustomRecordFilter event — allows you to customize the filter applied by an end user;
the VGridControl.ActiveFilter property — provides access to the filter applied to the grid and the collection of filters applied to particular rows:
the indexer — allows you to obtain the filter applied to a particular row. You can also iterate through the collection using the zero-based index;
using DevExpress.XtraVerticalGrid; // Use row properties to obtain the filter information. // null is returned if no filter is assigned to the specified row. FilterInfo addressFliterInfo = vGridControl1.ActiveFilter[rowAddress.Properties]; // Alternatively, use a field name to get the row properties. RowProperties addressRowProperties = vGridControl1.GetRowPropertiesByFieldName("Address"); if(addressRowProperties != null) { FilterInfo addressFliterInfo = vGridControl1.ActiveFilter[addressRowProperties]; } // You can also use the zero-based index to iterate the collection. for (int i = 0; i < vGridControl1.ActiveFilter.Count; i++) { FilterInfo fliterInfo = vGridControl1.ActiveFilter[i]; // ... }
The returned filter exposes:
- Properties — gets the properties (see BaseRow.Properties) of the row to which the filter is applied;
- Filter — provides access to information about the filter (see RowProperties.FilterInfo). You can use this property to specify a filter at the row level (see below).
- the NonRowFilterCriteria property — gets or sets a filter which is applied, but not associated with a particular row;
- the Changed event — fires when a row filter changes.
On the row level, you can specify a filter using the following property:
RowProperties.FilterInfo — gets or sets the filter applied to the row.
using DevExpress.XtraVerticalGrid.Rows; // Create a new filter using an expression according to the criteria language syntax. rowCity.Properties.FilterInfo = new VGridRowFilterInfo("[City] = 'London'"); // You can also get a row's properties using a field name in the data source. vGridControl1.GetRowPropertiesByFieldName("City").FilterInfo = new VGridRowFilterInfo("[City] = 'Paris'"); // Alternatively, you can create a CriteriaOperator object instead of parsing a criteria expression.. rowCity.Properties.FilterInfo = new VGridRowFilterInfo(new DevExpress.Data.Filtering.BinaryOperator("City", "Berlin"));