HomeData ManagementTreeListFilter DataSearch Box
AI-powered Extensions
  • AI Chat
  • Rich Text Editor
  • HTML Editor
  • Memo
    New
  • Grid
  • Reports
Data Management
  • Grid
  • TreeList
    • Overview
    • Data Binding
    • Sort Data
    • Edit Data
    • Filter Data
      • Column Filter Menu
      • Filter Row
      • Filter Panel
        New
      • Filter Builder Customization
        New
      • Filter API
      • Search Box
    • Summary
    • Selection and Focus
    • Columns
    • Save and Restore Layout
    • Export
    • Context Menu
      New
    • Customization
    • Paging and Scrolling
    • Drag & Drop Operations
  • Filter Builder
Data Editors
  • Overview
  • Common Concepts
  • Calendar
  • CheckBox
  • Color Palette
  • ComboBox
  • Date Edit
  • Date Range Picker
  • DropDown Box
  • List Box
  • Masked Input
  • Memo
  • Radio
  • Radio Group
  • Search Box
  • Spin Edit
  • TagBox
  • Text Box
  • Time Edit
Data Visualization
  • Bar Gauge
  • Charts
  • Map
  • Pivot Table
  • Range Selector
Layout
  • Carousel
  • Drawer
  • Form Layout
  • Grid Layout
  • Layout Breakpoint
  • Splitter
  • Stack Layout
  • Tabs
Navigation
  • Overview
  • Accordion
  • Context Menu
  • Menu
  • Pager
  • Ribbon
  • Toolbar
  • TreeView
Dialogs and Windows
  • DropDown
  • Flyout
  • Message Box
  • Popup
  • Toast Notification
  • Window
Buttons
  • Button
  • Button Group
  • DropDown Button
  • Split Button
File Management
  • File Input
  • Upload
File Viewers & Editors
  • HTML Editor
  • PDF Viewer
  • Rich Text Editor
Scheduling
  • Scheduler
Reporting
  • Reports
Progress Indication
  • Loading Panel
  • Progress Bar
  • Wait Indicator
Document Processing
  • Office File API ↗
CRM Demo
  • Contacts ↗
    New
  • Analytics ↗
    New
  • Planning ↗
    New
Version: 25.2.3
Copyright © 2000-2026 Developer Express Inc

 Search Box

  • Example
  • View Source
  • Docs
 
Find Nodes Containing:
Display Nodes:
Task Assigned To Start Date Due Date Priority
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson 7/11/2017 4/15/2018 Low
 
 
Create New Product Pages
Violet Bailey 11/8/2017 1/26/2018 Low
Research and Improve Customer Satisfaction
Robin Cosworth 10/27/2017 4/30/2018 Medium
 
 
Email Test Report on New Products
Brad Jameson 1/11/2018 4/10/2018 Low
 
Implement New Product Planning Process
Samantha Bright 1/17/2018 4/28/2018 Low
Support Marketing and Sales with Design Deliverables
Arnie Schwartz 10/14/2017 11/4/2017 Low
 
 
Create New Product Pages
Jim Packard 10/18/2017 10/21/2017 Low
 
 
Review New Product Pages
Hannah Brookly 10/15/2017 10/23/2017 Low
Data grid with 8 rows and 5 columns
0 rows are selected

The DevExpress Blazor TreeList component includes an integrated Search Box UI element. When users enter values within the Search Box, our Blazor TreeList filters data rows, displays records that match the search string, and highlights search results. You can use the following properties to customize search behavior:

  • DxTreeList.FilterTreeMode — Specifies whether the TreeList component displays child/parent records for rows that meet search criteria. Select the Display Nodes option to try different filter modes.
  • DxTreeList.SearchTextParseMode — Specifies how the TreeList searches for a match if the query contains multiple words: an exact matching phrase, all words in any order, or any individual word. Select a value from the Find Nodes Containing box to see how behavior changes.
  • DxTreeListDataColumn.SearchEnabled — Allows you to exclude a specific column from search operations (the component searches across all visible data columns by default).

Enable the ShowSearchBox property to display the built-in Search Box. Use the SearchText property to set an initial search string or implement an external search editor.