HomeData ManagementTreeListFilter DataSearch Box
AI-powered Extensions
  • AI Chat
  • HTML Editor
  • Rich Text Editor
  • Semantic Search
  • Reports
Data Management
  • Grid
  • TreeList
    • Overview
    • Data Binding
    • Sort Data
    • Edit Data
    • Filter Data
      • Filter Row
      • Search Box
        New
      • Column Filter Menu
      • Filter API
    • Summary
    • Selection and Focus
    • Columns
    • Save and Restore Layout
    • Export
    • Customization
    • Paging and Scrolling
    • Drag & Drop Operations
  • Filter Builder
    CTP
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
    CTP
  • Pivot Grid
  • Range Selector
Layout
  • Carousel
  • Drawer
  • Form Layout
  • Grid Layout
  • Layout Breakpoint
  • Splitter
  • Stack Layout
  • Tabs
Navigation
  • Overview
  • Accordion
  • Context Menu
  • Menu
  • Pager
  • Ribbon
    CTP
  • 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 ↗
Showcase Demo
  • CRM ↗
    New
  • Analytics ↗
    New
  • Planning ↗
    New
Version: 25.1.4
Copyright © 2000-2025 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.