DxListBox<TData, TValue> Class

A component that can connect to a data source and display a list of selectable items.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

public class DxListBox<TData, TValue> :
    DxListEditorBase<TData, TValue>,
    IListBoxComponent<TData, TValue>,
    IListBox<TData, TValue>,
    IListEditorBase<TData, TValue>,
    IEditorBase,
    IListBoxAccessor<TData>,
    IListEditorAccessorBase<TData>,
    IDropTargetComponent,
    IListBoxEditorItemDragDropOwner

Type Parameters

The data item type.

| | TValue |

The value type.

|

Remarks

The DevExpress List Box for Blazor (<DxListBox>) allows you to display a list of selectable items from a data source.

Run Demo: List Box - Overview

YouTube video

Add a List Box to a Project

Follow the steps below to add a List Box component to an application:

1. Create a Blazor Server or Blazor WebAssembly application.
2. Add the <DxListBox/ > markup to a .razor file.
3. Use the Data property to bind the List Box to data.
4. Configure the component: handle an item selection, customize item appearance, and so on (see Features and Capabilities).

API Reference

Refer to the following list for the component API reference: DxListBox Members.

Static Render Mode Specifics

Blazor List Box supports static render mode to display items. To use other features, enable interactivity on a Razor page.

Features and Capabilities

For in-depth information about DevExpress List Box for Blazor, review the following articles:

• Bind to Data

• Data Shaping

  • Search and Filter Data
  • Disabled Items
  • Group Data

• Item Selection

• Multiple Columns

• Templates

  • Item Display Template
  • Cell Display Templates
  • Empty Data Area Template

• Keyboard Support

• Virtual Scrolling

• Size Modes

• Input Validation

• HTML Attributes

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.

Implements

IComponent

IHandleEvent

IHandleAfterRender

IAsyncDisposable

IListBox<TData, TValue>

IListEditorBase<TData, TValue>

IEditorBase

Inheritance

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

See Also

DxListBox<TData, TValue> Members

DevExpress.Blazor Namespace