DxListBox<TData, TValue>.ListRenderMode Property

Enables or disables virtual list rendering mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

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