Filter Builder Customization

 
TaskNo filter appliedAssigned ToNo filter appliedStart DateNo filter appliedDue DateNo filter appliedPriorityNo filter applied
Simplify & Clarify Product Messaging
John Heart4/3/20184/14/2018Low
Create Action Plan to Improve Customer Engagement
Robert Reagan8/8/20174/8/2018Medium
Increase Average Subscription Price
Wally Hobbs8/9/20179/13/2017Low
Reduce Churn to Less than 1% Monthly
Arnie Schwartz2/12/20185/1/2018Low
Finalize the Content Strategy
Stu Pizaro3/10/20184/11/2018High
Grow Subscriber Base by 5% per Week
Sandra Johnson7/24/20172/10/2018Low
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson7/11/20174/15/2018Low
Close the Final Budget
Hannah Brookly6/5/20176/18/2017Low
Achieve Record Metrics in All Areas
Ed Holmes4/24/20172/3/2018Low
Begin Content Review
Victor Norris4/27/20172/25/2018Medium
Produce Online Survey
Karen Goodson10/14/20173/25/2018Low
Improve Our Content and Its Distribution
Arnie Schwartz4/29/201711/9/2017High
Update Old Content
Maggie Boxter2/2/20184/2/2018Medium
Map and Analyze Marketing Channels
Samantha Bright7/5/20174/19/2018Low
Research and Improve Customer Satisfaction
Robin Cosworth10/27/20174/30/2018Medium
Present an Action Plan for Next Quarter
Arnie Schwartz6/6/20175/11/2018High
Achieve Record Revenues While Increasing Profitability
Samantha Piper10/21/20172/28/2018Low
Hit Quarterly Revenue of Over $1000000
Clark Morgan8/30/20171/7/2018Low
Start Sales in 2 New Countries
Brad Farkus9/26/201710/4/2017Low
Increase Gross Profit Margin from 54% to 63%
Sandra Johnson7/14/201710/25/2017Low
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