Skip to main content
All docs
V25.1
  • DxTreeList.SearchBoxInputDelay Property

    Specifies the delay between the last typed character in the search box and the search update.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(1200)]
    [Parameter]
    public int SearchBoxInputDelay { get; set; }

    Property Value

    Type Default Description
    Int32 1200

    A time interval, in milliseconds.

    Remarks

    Set the ShowSearchBox property to true to display a search box in the TreeList component. When users type in the search box, the TreeList filters data rows, displays those that match the search string, and highlights search results.

    Use the SearchBoxInputDelay property to adjust the delay between the last typed character in the search box and the SearchText update. To update the search text immediately, a user can press the Enter key or move focus from the editor.

    @inject EmployeeTaskService EmployeeTaskService
    
    <DxTreeList Data="TreeListData"
                KeyFieldName="Id"
                ParentKeyFieldName="ParentId"
                ShowSearchBox="true"
                SearchBoxInputDelay="200">
        <Columns>
            <DxTreeListDataColumn FieldName="Name" Caption="Task" />
            <DxTreeListDataColumn FieldName="EmployeeName" />
            <DxTreeListDataColumn FieldName="StartDate" />
            <DxTreeListDataColumn FieldName="DueDate" />
        </Columns>
    </DxTreeList>
    
    @code {
        List<EmployeeTask> TreeListData { get; set; }
    
        protected override void OnInitialized() {
            TreeListData = EmployeeTaskService.GenerateData();
        }
    }
    

    Refer to the following topic for additional information: Search Box in Blazor TreeList.

    See Also