Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxListBox<TData, TValue>.ShowSearchBox Property

Specifies whether the List Box displays the search box.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public bool ShowSearchBox { get; set; }

#Property Value

Type Description
Boolean

true to display the search box; otherwise, false.

#Remarks

Set the ShowSearchBox property to true to display the search box in the List Box component. Once a user enters text in the search box, the List Box looks for rows with matching values, highlights search results, and filters out all other rows. The search is case-insensitive and applies to cells in visible columns only.

<DxListBox TData=Person TValue=Person Data="Staff.DataSource"
            ShowSearchBox="true"           
            ShowCheckboxes="true"
            SelectionMode="@ListBoxSelectionMode.Multiple">
    <Columns>
        <DxListEditorColumn FieldName="FirstName"></DxListEditorColumn>
        <DxListEditorColumn FieldName="LastName"></DxListEditorColumn>
        <DxListEditorColumn FieldName="Department"></DxListEditorColumn>
    </Columns>
</DxListBox>

@code {
    public string SearchText { get; set; }
}

Search Box Overview

Run Demo: List Box - Search Box

#Implements

DevExpress.Blazor.IListBox<TData, TValue>.ShowSearchBox
See Also