Filter Builder Customization

 
Task Assigned To Start Date Due Date Priority
Simplify & Clarify Product Messaging
John Heart 4/3/2018 4/14/2018 Low
Create Action Plan to Improve Customer Engagement
Robert Reagan 8/8/2017 4/8/2018 Medium
Increase Average Subscription Price
Wally Hobbs 8/9/2017 9/13/2017 Low
Reduce Churn to Less than 1% Monthly
Arnie Schwartz 2/12/2018 5/1/2018 Low
Finalize the Content Strategy
Stu Pizaro 3/10/2018 4/11/2018 High
Grow Subscriber Base by 5% per Week
Sandra Johnson 7/24/2017 2/10/2018 Low
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson 7/11/2017 4/15/2018 Low
Close the Final Budget
Hannah Brookly 6/5/2017 6/18/2017 Low
Achieve Record Metrics in All Areas
Ed Holmes 4/24/2017 2/3/2018 Low
Begin Content Review
Victor Norris 4/27/2017 2/25/2018 Medium
Produce Online Survey
Karen Goodson 10/14/2017 3/25/2018 Low
Improve Our Content and Its Distribution
Arnie Schwartz 4/29/2017 11/9/2017 High
Update Old Content
Maggie Boxter 2/2/2018 4/2/2018 Medium
Map and Analyze Marketing Channels
Samantha Bright 7/5/2017 4/19/2018 Low
Research and Improve Customer Satisfaction
Robin Cosworth 10/27/2017 4/30/2018 Medium
Present an Action Plan for Next Quarter
Arnie Schwartz 6/6/2017 5/11/2018 High
Achieve Record Revenues While Increasing Profitability
Samantha Piper 10/21/2017 2/28/2018 Low
Hit Quarterly Revenue of Over $1000000
Clark Morgan 8/30/2017 1/7/2018 Low
Start Sales in 2 New Countries
Brad Farkus 9/26/2017 10/4/2017 Low
Increase Gross Profit Margin from 54% to 63%
Sandra Johnson 7/14/2017 10/25/2017 Low
Data grid with 37 rows and 5 columns
0 rows are selected

The DevExpress Blazor TreeList ships with a built-in Filter Builder dialog. This dialog allows users to edit and combine filter criteria applied to TreeList columns. To open the dialog, click the Filter Builder toolbar item or use the Filter Panel.

Our Blazor TreeList automatically generates and configures Filter Builder fields based on column settings. The filter field hierarchy reflects the column band hierarchy. If the default field configuration does not meet requirements, you can customize the dialog using the FilterBuilderTemplate.

This demo adds a custom Status filter item to the Filter Builder dialog. This item is bound to a data source field not associated with TreeList columns.

The FilterTreeMode property specifies whether the TreeList component displays child/parent records for rows that meet filter criteria. Use the Display Nodes dropdown list to try different filter modes