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.2.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

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.

Run Demo

YouTube video

Add a ComboBox to a Project

Follow the steps below to add the ComboBox component to an application:

1. Create a Blazor Server or Blazor WebAssembly application.
2. Add the <DxComboBox>…</DxComboBox> markup to a .razor file.
3. Use the Data property to bind the ComboBox to data.
4. Use the Value to specify the ComboBox’s selected value/item.
5. 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

  • Strongly Typed Collection
  • Custom Object Collection
  • Load Custom Data
  • Allow Custom Values

• Data Shaping

  • Group Data
  • Search and Filter Data
  • Disabled Items

• Multiple Columns

• Buttons

  • Clear Button and Placeholder
  • Hide Built-In Drop-Down Button
  • Add Command Buttons

• Appearance Customization

  • Size Modes
  • Drop-Down List Width
  • Drop-Down Window Direction
  • Templates
    • Item Display Template
    • Edit Box Display Template
    • Cell Display Templates
    • Empty Data Area Template

• 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.

Implements

IComponent

IHandleEvent

IHandleAfterRender

IAsyncDisposable

IComboBox<TData, TValue>

IDropDownListEditorBase<TData, TValue>

IListEditorBase<TData, TValue>

IEditorBase

Inheritance

Object ComponentBase DxComponentBase DevExpress.Blazor.Internal.ParameterTrackerComponent DxEditorBase DxListEditorBase<TData, TValue> DxDropDownListEditorBase<TData, TValue> DxComboBox<TData, TValue>

See Also

DxComboBox<TData, TValue> Members

DevExpress.Blazor Namespace