DxComboBox<TData, TValue> Class
A text editor that allows users to select predefined items from the drop-down list or type custom values.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v25.1.dll
NuGet Package: DevExpress.Blazor
#Declaration
public class DxComboBox<TData, TValue> :
DxDropDownListEditorBase<TData, TValue>,
IComboBoxComponent<TData, TValue>,
IComboBox<TData, TValue>,
IDropDownListEditorBase<TData, TValue>,
IListEditorBase<TData, TValue>,
IEditorBase,
IDropDownOwner,
IFocusableEditor,
IComboBoxSelectionProviderOwner<TData, TValue>,
IDropDownListEditorSelectionProviderOwner<TData, TValue>,
IListEditorSelectionProviderOwner<TData, TValue>,
IComboBoxAccessor<TData>,
IDropDownListEditorAccessor<TData>,
IListEditorAccessorBase<TData>
#Type Parameters
Name | Description |
---|---|
TData | The data item type. |
TValue | The value type. |
#Remarks
The DevExpress ComboBox for Blazor (<DxComboBox>
) component displays a drop-down window with a list of items. Users can select an item from a list and type text in the editor to filter list items that contain the search string. Users can also use keyboard to navigate between items and select them. When a user presses and holds an arrow key, the editor’s window continuously navigates between items.
#Add a ComboBox to a Project
Follow the steps below to add the ComboBox component to an application:
- Use a DevExpress Project Template to create a new Blazor Server or Blazor WebAssembly application. If you use a Microsoft project template or already have a Blazor project, configure your project to incorporate DevExpress Blazor components.
- Add the
<DxComboBox>
…</DxComboBox>
markup to a.razor
file. - Use the Data property to bind the ComboBox to data.
- Use the Value to specify the ComboBox’s selected value/item.
- Enable other features and capabilities).
#API Reference
Refer to the following list for the component API reference: DxComboBox Members.
#Static Render Mode Specifics
Blazor ComboBox does not support static render mode. Enable interactivity to use the component in your application. Refer to the following topic for more details: Enable Interactive Render Mode.
#Features and Capabilities
For in-depth information about DevExpress ComboBox for Blazor, review the following articles:
- Data Binding
- Data Shaping
- Multiple Columns
- Buttons
- Appearance Customization
- Cascading Comboboxes
- Virtual Scrolling
- Keyboard Support
- Input Validation
- HTML Attributes
#Troubleshooting
If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.