界面组件DevExpress WPF中文教程：网格视图数据布局

界面组件DevExpress WPF中文教程：网格视图数据布局 - 紧凑模式

翻译|使用教程|编辑：龚雪|2025-08-06 10:17:20.090|阅读 20 次

概述：本文主要介绍DevExpress WPF Grid控件中网格视图数据布局中的紧凑模式，欢迎下载最新版组件体验！

紧凑面板

紧凑面板取代列标题，用于在紧凑模式下对网格项进行分组、排序和过滤。

可用性

使用TableView.CompactPanelShowMode / TreeListView.CompactPanelShowMode属性来控制GridControl切换到紧凑模式时紧凑面板的可用性。默认情况下，紧凑型面板是启用的。

提示：GridControl支持以全尺寸模式显示紧凑型面板，设置TableView.CompactPanelShowMode / TreeListView.CompactPanelShowMode属性为Always，来在全尺寸GridControl中显示紧凑面板。

下面的代码示例演示了如何禁用紧凑面板。

XAML

<dxg:GridControl ItemsSource="{Binding Customers}">
<dxg:GridControl.View>
<dxg:TableView CompactPanelShowMode="Never">
<dxg:TableView.DataRowCompactTemplate>
<!-- data template --->
</dxg:TableView.DataRowCompactTemplate>
</dxg:TableView>
</dxg:GridControl.View>
</dxg:GridControl>

自定义

预定义的过滤器

紧凑的面板可以显示预定义的过滤项，单击过滤项时，GridControl只显示符合筛选条件的项。要向紧凑面板添加过滤器，将过滤器项的集合（CompactModeFilterItem类的实例）传递给TableView.CompactModeFilterItems (TreeListView.CompactModeFilterItems) 属性。

下面的代码示例演示了如何定义一组预定义的过滤器。

XAML

<dxg:GridControl ItemsSource="{Binding Customers}">
<dxg:GridControl.View>
<dxg:TableView CompactPanelShowMode="CompactMode">
<dxg:TableView.CompactModeFilterItems>
<dxg:CompactModeFilterItem DisplayValue="All" EditValue="" />
<dxg:CompactModeFilterItem DisplayValue="From London" EditValue="[City] = 'London'" />
<dxg:CompactModeFilterItem DisplayValue="From Madrid" EditValue="[City] = 'Madrid'" />
</dxg:TableView.CompactModeFilterItems>
<dxg:TableView.DataRowCompactTemplate>
<!-- data template -->
</dxg:TableView.DataRowCompactTemplate>
</dxg:TableView>
</dxg:GridControl.View>
</dxg:GridControl>

紧凑面板可以根据TableView.CompactFilterElementShowMode属性值，以以下模式显示过滤器项。