WPF：如何在DataGridHeader的ContentTemplate中绑定字典项

想要在WPF DataGrid表头实现带筛选弹窗的功能，弹窗内的ListBox（用作筛选选择器）ItemsSource需要绑定到对应列的唯一值集合。目前已通过属性名为键的字典PropertiesDictionary存储各列的唯一值集合，这部分功能正常。可以通过绑定在弹窗的TextBlock中获取列的属性名，但尝试将字典索引动态绑定到该属性名时出现绑定错误，仅当显式写死字典键名时才能正常显示内容。

WPF代码 #

<Window x:Class="Prove_varie.GridWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Prove_varie"
        mc:Ignorable="d"
        Title="GridWindow"
        Height="450"
        Width="800"
        x:Name="myWindow">
    <Grid>
        <DataGrid IsReadOnly="True"
                  ItemsSource="{Binding Path=Persone}">
            <DataGrid.Resources>
                <Style TargetType="{x:Type DataGridColumnHeader}">
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{Binding}"
                                               TextWrapping="Wrap"
                                               HorizontalAlignment="Center"
                                               VerticalAlignment="Center" />
                                    <ToggleButton x:Name="togglePopUp"
                                                  Content="v"
                                                  Width="15"
                                                  HorizontalAlignment="Right"
                                                  VerticalAlignment="Center"
                                                  BorderThickness="0"
                                                  Background="Transparent"
                                                  Foreground="DarkGray"
                                                  Margin="5,0,0,0" />
                                    <Popup Name="myPopup"
                                           DataContext="{Binding DataContext, ElementName=myWindow}"
                                           IsOpen="{Binding IsChecked, ElementName=togglePopUp}">
                                        <Border BorderThickness="1">
                                            <StackPanel>
                                                <!-- 可正常获取列属性名的TextBlock -->
                                                <TextBlock Name="myPopupText"
                                                           Background="LightBlue"
                                                           Foreground="Blue"
                                                           Padding="30"
                                                           Text="{Binding Column.Header,
                                                                RelativeSource={RelativeSource
                                                                Mode=FindAncestor, 
                                                                AncestorType=  {x:Type DataGridColumnHeader}},
                                                                StringFormat='{}{0}'}">
                                                </TextBlock>

                                                <!-- 动态绑定索引失败的ListBox -->
                                                <ListBox ItemsSource="{Binding Path=PropertiesDictionary[{Binding Column.Header, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=  {x:Type DataGridColumnHeader}},StringFormat='{}{0}'}]}">

                                                <!-- 静态键名可正常生效的写法 -->
                                                <!--<ListBox ItemsSource="{Binding Source={x:Reference myWindow}, Path=PropertiesDictionary[Name]}">-->
                                                </ListBox>

                                            </StackPanel>
                                        </Border>
                                    </Popup>
                                </StackPanel>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </DataGrid.Resources>
        </DataGrid>
    </Grid>
</Window>

后台代码 #

using Prove_varie.Mocks;
using System.Collections.ObjectModel;
using System.Reflection;
using System.Windows;

namespace Prove_varie
{
    public partial class GridWindow : Window
    {
        public ObservableCollection<Persona> Persone { get; }

        public Dictionary<string, ObservableCollection<object>> PropertiesDictionary { get; private set; }

        public GridWindow()
        {
            InitializeComponent();
            Persone = new ObservableCollection<Persona>(new FakeDataProvider().GetData());
            DataContext = this;
            PropertiesDictionary = new Dictionary<string, ObservableCollection<object>>();

            PropertyInfo[] propArray = typeof(Persona).GetProperties();

            foreach (var prop in propArray)
            {
                PropertiesDictionary.Add(prop.Name,
                    new ObservableCollection<object>(Persone.Select(p => prop.GetValue(p)!).Distinct()));

            }
        }
    }
}

WPF不支持在绑定路径中嵌套绑定，因此需要通过以下方式实现动态索引字典：

方法1：MultiBinding + 自定义转换器 #

步骤1：创建字典索引转换器 #

using System.Globalization;
using System.Windows.Data;

namespace Prove_varie
{
    public class DictionaryIndexConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            if (values.Length != 2 
                || values[0] is not Dictionary<string, ObservableCollection<object>> dict 
                || values[1] is not string key)
                return null;
            
            dict.TryGetValue(key, out var result);
            return result;
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

步骤2：修改XAML配置 #

1. 在Window资源中声明转换器：

<Window.Resources>
    <local:DictionaryIndexConverter x:Key="DictIndexConverter"/>
</Window.Resources>

2. 替换ListBox的ItemsSource绑定：

<ListBox>
    <ListBox.ItemsSource>
        <MultiBinding Converter="{StaticResource DictIndexConverter}">
            <!-- 绑定到字典本身 -->
            <Binding Path="PropertiesDictionary"/>
            <!-- 绑定到当前列的属性名 -->
            <Binding Path="Column.Header" 
                     RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGridColumnHeader}}"/>
        </MultiBinding>
    </ListBox.ItemsSource>
</ListBox>

方法2：封装列头筛选ViewModel（更易维护） #

步骤1：创建筛选ViewModel #

namespace Prove_varie
{
    public class ColumnFilterViewModel
    {
        public string ColumnName { get; set; }
        public ObservableCollection<object> FilterOptions { get; set; }
    }
}

步骤2：后台为每个列头赋值 #

在GridWindow构造函数中，为DataGrid的列创建对应的ViewModel：

foreach (var column in myDataGrid.Columns)
{
    if (PropertiesDictionary.TryGetValue(column.Header.ToString(), out var options))
    {
        column.Header = new ColumnFilterViewModel
        {
            ColumnName = column.Header.ToString(),
            FilterOptions = options
        };
    }
}

步骤3：修改XAML绑定 #

调整内容模板中的绑定，直接使用ViewModel的属性：

<DataTemplate>
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding ColumnName}"
                   TextWrapping="Wrap"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center" />
        <ToggleButton x:Name="togglePopUp"
                      Content="v"
                      Width="15"
                      HorizontalAlignment="Right"
                      VerticalAlignment="Center"
                      BorderThickness="0"
                      Background="Transparent"
                      Foreground="DarkGray"
                      Margin="5,0,0,0" />
        <Popup Name="myPopup"
               IsOpen="{Binding IsChecked, ElementName=togglePopUp}">
            <Border BorderThickness="1">
                <ListBox ItemsSource="{Binding FilterOptions}"/>
            </Border>
        </Popup>
    </StackPanel>
</DataTemplate>

• 确保PropertiesDictionary的键与Column.Header完全一致（WPF字典索引大小写敏感）
• 如果列头显示的是友好名称而非属性名，需在后台维护属性名与显示名的映射关系
• 若数据量较大，建议在获取唯一值时加入异步处理，避免UI卡顿

内容的提问来源于stack exchange，提问作者martin.p