彩票走势图

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

翻译|使用教程|编辑:龚雪|2022-10-27 14:35:06.797|阅读 142 次

概述:本文为大家介绍如何使用界面控件DevExpress WPF创建类似Excel的过滤,欢迎下载产品最新版组件体验!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。

DevExpress WPF在v19.2版本中添加了新的excel样式下拉过滤器,旨在简化使用,并为最终用户提供各种数据分析增强功能,这个下拉过滤器还被设计为为开发人员扩展定制功能。

DevExpress WPF v22.1正式版下载

在v19.2及之后的版本中,这个下拉过滤器默认在以下几个控件中使用:

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

接下来我们将详细介绍Excel样式下拉过滤器的功能。

记录计数显示

在应用筛选器时,您可能希望知道有多少条记录与给定筛选器值匹配,Excel-Style Drop-Down Filter在过滤器值旁边显示一个记录计数。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤
日期时间间隔

Excel-Style Drop-Down Filter允许您在其中组合不同的日期间隔。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤
数据分析过滤器

您可以在xcel-Style Drop-Down Filter中应用以下数字过滤器:

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

这些筛选器允许分析数据网格中的信息,而无需构造复杂的筛选条件。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤
条件格式过滤器

Data Grid和TreeList允许您指定条件格式规则并给予这些规则应用过滤器。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤
分组过滤器

在Data Grid和TreeList中,可以对来自两个或多个列的筛选值进行分组,并将结果显示为一个分层检查列表,这个功能允许用户根据多个列筛选数据。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

要合并此功能,请将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选项卡中。

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

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>

自定义

使用 属性来指定一个自定义数据模板,在这个模板中,定义一个筛选器元素并指定其设置。

自定义过滤器弹出内容

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

<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>

自定义运算符列表

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

<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));
}
}

创建自定义运算符

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

<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" });
}
}

自定义操作数模板

界面控件DevExpress WPF中文指南 - 如何创建类Excel的过滤

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      欢迎一起进群讨论

慧都2022年终促销火热开启,欢迎选购

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP