Back to Devexpress

DxListBox<TData, TValue>.SearchBoxInputDelay Property

blazor-devexpress-dot-blazor-dot-dxlistbox-2-a768155f.md

latest2.0 KB
Original Source

DxListBox<TData, TValue>.SearchBoxInputDelay Property

Specifies the delay between the last input in the search box and when the list box displays matching values.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public int SearchBoxInputDelay { get; set; }

Property Value

TypeDescription
Int32

The delay in milliseconds.

|

Remarks

If the ShowSearchBox property is enabled, a search box appears above the list box. When a user enters text into this search box, the list automatically filters to show matching items and highlights the search term within the found items.

Use the SearchBoxInputDelay property to specify the time between the last update of the search field and the subsequent update of the list box. If the search input changes during the delay, the timer restarts. This is useful for limiting frequent list updates and reducing associated data requests (such as database queries or REST API calls) while the user types.

The list box updates immediately if the user presses the Enter key or moves focus away from the search field.

razor
<DxListBox Data="Data.Stars.Alpha"
           @bind-Values="SelectedValues"
           ShowSearchBox="true"
           SearchBoxInputDelay="1000" />

@code {
    IEnumerable<string> SelectedValues { get; set; } = Data.Stars.Alpha.Take(1);
}

YouTube video

Implements

DevExpress.Blazor.IListBox<TData, TValue>.SearchBoxInputDelay

See Also

DxListBox<TData, TValue> Class

DxListBox<TData, TValue> Members

DevExpress.Blazor Namespace