DevExpress WPF擁有120+個控件和庫，將幫助您交付滿足甚至超出企業需求的高性能業務應用程序。通過DevExpress WPF能創建有著強大互動功能的XAML基礎應用程序，這些應用程序專注于當代客戶的需求和構建未來新一代支持觸摸的解決方案。

DevExpress WPF在v19.2版本中添加了新的excel樣式下拉過濾器，旨在簡化使用，并為最終用戶提供各種數據分析增強功能，這個下拉過濾器還被設計為為開發人員擴展定制功能。

DevExpress WPF v22.1正式版下載

在v19.2及之后的版本中，這個下拉過濾器默認在以下幾個控件中使用：

接下來我們將詳細介紹Excel樣式下拉過濾器的功能。

記錄計數顯示

在應用篩選器時，您可能希望知道有多少條記錄與給定篩選器值匹配，Excel-Style Drop-Down Filter在過濾器值旁邊顯示一個記錄計數。

日期時間間隔

Excel-Style Drop-Down Filter允許您在其中組合不同的日期間隔。

數據分析過濾器

您可以在xcel-Style Drop-Down Filter中應用以下數字過濾器：

• Top / Bottom N
• Above / Below Average
• Unique / Duplicate

這些篩選器允許分析數據網格中的信息，而無需構造復雜的篩選條件。

條件格式過濾器

Data Grid和TreeList允許您指定條件格式規則并給予這些規則應用過濾器。

分組過濾器

在Data Grid和TreeList中，可以對來自兩個或多個列的篩選值進行分組，并將結果顯示為一個分層檢查列表，這個功能允許用戶根據多個列篩選數據。

要合并此功能，請將ColumnBase.FilterPopupGroupFields屬性設置為針對篩選器值進行分組的字段的名稱，名稱之間用逗號、分號或空格隔開，字段名的順序決定了組內的層次結構。

<dxg:GridControl>
<dxg:GridControl.Columns>
<dxg:GridColumn FieldName="ID" />
<dxg:GridColumn FieldName="Trademark" />
<dxg:GridColumn FieldName="Model" FilterPopupGroupFields="Trademark;Model" />
</dxg:GridControl.Columns>
...
</dxg:GridControl>

預定義的過濾器

Excel-style Drop-Down Filter允許您附帶預定義的過濾器，預定義過濾器顯示在Filter Rules選項卡中。

Data Grid和TreeList允許您使用 屬性指定這樣的過濾器。

<dxg:GridColumn FieldName="UnitPrice">
<dxg:GridColumn.PredefinedFilters>
<dxfui:PredefinedFilterCollection>
<dxfui:PredefinedFilter Name="Less than 10" Filter="?p ≤ 10" />
<dxfui:PredefinedFilter Name="Between 10 and 50"
Filter="?p > 10 and ?p ≤ 50" />
<dxfui:PredefinedFilter Name="Between 50 and 100"
Filter="?p > 50 and ?p ≤ 100" />
<dxfui:PredefinedFilter Name="Greater than 100" Filter="?p > 100" />
</dxfui:PredefinedFilterCollection>
</dxg:GridColumn.PredefinedFilters>
</dxg:GridColumn>

自定義

使用 屬性來指定一個自定義數據模板，在這個模板中，定義一個篩選器元素并指定其設置。

自定義過濾器彈出內容

<dxg:GridControl x:Name="grid" ItemsSource="...">
<dxg:GridControl.Columns>
...
<dxg:GridColumn FieldName="Quantity">
<dxg:GridColumn.CustomColumnFilterPopupTemplate>
<DataTemplate>
<dxfui:RangeFilterElement x:Name="PART_FilterElement"/>
</DataTemplate>
</dxg:GridColumn.CustomColumnFilterPopupTemplate>
</dxg:GridColumn>
...
</dxg:GridControl.Columns>
</dxg:GridControl>

自定義運算符列表

<dxg:GridColumn FieldName="OrderDate">
<dxg:GridColumn.CustomColumnFilterPopupTemplate>
<DataTemplate>
<dxfui:ExcelStyleFilterElement x:Name="PART_FilterElement"
QueryOperators="OnExcelStyleFilterQueryOperators"/>
</DataTemplate>
</dxg:GridColumn.CustomColumnFilterPopupTemplate>
</dxg:GridColumn>

void OnExcelStyleFilterQueryOperators(object sender,
ExcelStyleFilterElementQueryOperatorsEventArgs e) {

if(e.FieldName == "OrderDate") {
e.Operators.Clear();
e.Operators.Add(new ExcelStyleFilterElementOperatorItem(
ExcelStyleFilterElementOperatorType.Equal));
e.Operators.Add(new ExcelStyleFilterElementOperatorItem(
ExcelStyleFilterElementOperatorType.NotEqual));
}
}

創建自定義運算符

<dxg:GridColumn FieldName="OrderDate">
<dxg:GridColumn.CustomColumnFilterPopupTemplate>
<DataTemplate>
<dxfui:ExcelStyleFilterElement x:Name="PART_FilterElement"
QueryOperators="OnExcelStyleFilterQueryOperators"/>
</DataTemplate>
</dxg:GridColumn.CustomColumnFilterPopupTemplate>
</dxg:GridColumn>

const string CustomFunctionName = "LastYears";
var currentYear = DateTime.Now.Year;

ICustomFunctionOperatorBrowsable customFunction = CustomFunctionFactory.Create(
CustomFunctionName, (DateTime date, int threshold) => {
return currentYear >= date.Year && currentYear - date.Year <= threshold;
}
);

void OnExcelStyleFilterQueryOperators(object sender,
ExcelStyleFilterElementQueryOperatorsEventArgs e) {

if(e.FieldName == "OrderDate") {
// ...
var customFunctionEditSettings = new BaseEditSettings[] {
new TextEditSettings { MaskType = MaskType.Numeric, Mask = "D",
MaskUseAsDisplayFormat = true }
};
e.Operators.Add(new ExcelStyleFilterElementOperatorItem(CustomFunctionName,
customFunctionEditSettings) { Caption = "Last Years" });
}
}

自定義操作數模板

UserControl.Resources>
<DataTemplate x:Key="ternaryTemplate">
<dxe:TrackBarEdit Minimum="0" Maximum="300" MinWidth="120" TickPlacement="None">
<dxe:TrackBarEdit.EditValue>
<MultiBinding Converter="{local:TrackBarEditRangeConverter}">
<Binding Path="LeftValueItem.Value"/>
<Binding Path="RightValueItem.Value"/>
</MultiBinding>
</dxe:TrackBarEdit.EditValue>
<dxe:TrackBarEdit.StyleSettings>
<dxe:TrackBarRangeStyleSettings />
</dxe:TrackBarEdit.StyleSettings>
</dxe:TrackBarEdit>
</DataTemplate>
</UserControl.Resources>

...

<dxg:GridColumn FieldName="Quantity">
<dxg:GridColumn.CustomColumnFilterPopupTemplate>
<DataTemplate>
<dxfui:ExcelStyleFilterElement x:Name="PART_FilterElement"
QueryOperators="OnExcelStyleFilterQueryOperators"/>
</DataTemplate>
</dxg:GridColumn.CustomColumnFilterPopupTemplate>
</dxg:GridColumn>
void OnExcelStyleFilterQueryOperators(object sender,
ExcelStyleFilterElementQueryOperatorsEventArgs e) {

if(e.FieldName == "Quantity") {
var template = (DataTemplate)FindResource("ternaryTemplate");
e.Operators[ExcelStyleFilterElementOperatorType.Between].OperandTemplate =
template;
e.Operators[ExcelStyleFilterElementOperatorType.NotBetween].OperandTemplate =
template;
}
}

DevExpress技術交流群6：600715373      歡迎一起進群討論