Skip to main content

DxListBox<TData, TValue>.ListRenderMode Property

Enables or disables virtual list rendering mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

Declaration

[Parameter]
public ListRenderMode ListRenderMode { get; set; }

Property Value

Type Description
ListRenderMode

A ListRenderMode enumeration value.

Available values:

Name Description
Entire

The editor renders the entire item list. Use this option for small item lists where scrolling should be instant.

Virtual

The editor renders list items only after they appear in the viewport. This approach improves performance when the list contains many items.

Remarks

Set the ListRenderMode property to ListRenderMode.Virtual to force the List Box to render list items only after they appear in the viewport.

<DxListBox Data="@Data"
           TData="Country"
           TValue="Country"
           ListRenderMode="ListRenderMode.Virtual">
</DxListBox>

@code {
    IEnumerable<string> Data;
}

Run Demo: List Box - Virtual Scrolling

We do not recommend that you use virtual scrolling and multiple selection (SelectionMode set to Multiple) with a large data source. This may cause delays if a user attempts to select all list items.

See Also