HomeData ManagementTreeListFilter DataSearch Box
AI-powered Extensions
  • AI Chat
  • Rich Text Editor
  • HTML Editor
  • Memo
  • Form Layout
    New
  • Grid
  • Reports
Data Management
  • Grid
  • TreeList
    • Overview
    • Data Binding
    • Sort Data
    • Edit Data
    • Filter Data
      • Column Filter Menu
      • Filter Row
      • Filter Panel
      • Filter Builder Customization
      • Filter API
      • Search Box
    • Summary
    • Selection and Focus
    • Columns
    • Save and Restore Layout
    • Export
    • Context Menu
    • Gridlines
      New
    • Customization
    • Paging and Scrolling
    • Drag & Drop Operations
  • Filter Builder
  • Pivot Table
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
  • 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
Icon Library
  • Icon Explorer
    CTP
  • Display Icons
    CTP
Document Processing
  • Office File API ↗
CRM Demo
  • Contacts ↗
  • Analytics ↗
  • Planning ↗
Version: 26.1.3
Copyright © 2000-2026 Developer Express Inc

 Search Box

  • Example
  • View Source
  • Docs
 
TaskAssigned ToStart DateDue DatePriority
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson7/11/20174/15/2018Low
 
 
Create New Product Pages
Violet Bailey11/8/20171/26/2018Low
Research and Improve Customer Satisfaction
Robin Cosworth10/27/20174/30/2018Medium
 
 
Email Test Report on New Products
Brad Jameson1/11/20184/10/2018Low
 
Implement New Product Planning Process
Samantha Bright1/17/20184/28/2018Low
Support Marketing and Sales with Design Deliverables
Arnie Schwartz10/14/201711/4/2017Low
 
 
Create New Product Pages
Jim Packard10/18/201710/21/2017Low
 
 
Review New Product Pages
Hannah Brookly10/15/201710/23/2017Low
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.

Did this demo address your needs?