DxComboBox<TData, TValue>.FilteringMode Property

Specifies how the ComboBox component’s data is filtered.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(DataGridFilteringMode.None)]
[Parameter]
public DataGridFilteringMode FilteringMode { get; set; }

Property Value

Type	Default	Description
DataGridFilteringMode	None	A DataGridFilteringMode enumeration value.

Available values:

Name	Description
None	The filter is not applied to list items.
StartsWith	Filters the component for list items that begin with the search string.
Contains	Filters the component for list items that contain the search string. Search string matches are highlighted.

Remarks

The ComboBox component allows you to dynamically filter list items based on the text typed into the editor. Use the FilteringMode property to enable filtering and specify the filter mode.

<DxComboBox FilteringMode="DataGridFilteringMode.Contains" Data="@Data" @bind-Value="@Value"></DxComboBox>

@code {
    IEnumerable<Country> Data;
    Country Value { get; set; }
}

The ComboBox automatically highlights the first match in the filtered list. Users can press the Enter key to select the value.

Run Demo: ComboBox - Incremental Filtering

Note

Notes:

• When you enable filter mode for a multi-column ComboBox, the filter only takes into account data of the columns that are used in the editor’s format pattern.
• If you use the EditBoxTemplate property and need to enable filter mode, you should add a DxInputBox object to the template markup.