WPF中如何设置DataGridComboBoxColumn的键值对：显示完整值且SelectedValuePath为ID

这其实是WPF DataGrid里非常常见的需求，核心就是利用DisplayMemberPath、SelectedValuePath和SelectedValueBinding这三个属性配合实现。我分两种场景给你演示：XAML声明式实现，以及后台代码动态创建列的实现。

先准备基础数据模型 #

首先你需要两个基础类：一个是键值对数据源类（比如分类信息，包含ID和显示文本），另一个是DataGrid的主数据类（比如产品信息，包含关联的分类ID）。

// 键值对数据源类：比如分类
public class Category
{
    public int ID { get; set; } // 要绑定的ID值
    public string Name { get; set; } // 要显示的文本
}

// DataGrid主数据类：比如产品
public class Product
{
    public string ProductName { get; set; }
    public int CategoryID { get; set; } // 关联分类的ID，用于和ComboBox绑定
}

然后在窗口的后台或者ViewModel中初始化数据源：

public ObservableCollection<Category> Categories { get; set; }
public ObservableCollection<Product> Products { get; set; }

public MainWindow()
{
    InitializeComponent();
    
    // 初始化分类数据源（键值对集合）
    Categories = new ObservableCollection<Category>
    {
        new Category { ID = 1, Name = "电子产品" },
        new Category { ID = 2, Name = "家用电器" },
        new Category { ID = 3, Name = "办公用品" }
    };
    
    // 初始化DataGrid主数据源
    Products = new ObservableCollection<Product>
    {
        new Product { ProductName = "笔记本电脑", CategoryID = 1 },
        new Product { ProductName = "冰箱", CategoryID = 2 }
    };
    
    // 设置数据上下文
    DataContext = this;
}

方式一：XAML声明式实现 #

直接在XAML中定义DataGridComboBoxColumn，核心配置三个关键属性：

<DataGrid 
    ItemsSource="{Binding Products}" 
    AutoGenerateColumns="False"
    CanUserAddRows="False">
    
    <DataGrid.Columns>
        <!-- 普通文本列 -->
        <DataGridTextColumn 
            Header="产品名称" 
            Binding="{Binding ProductName}" 
            Width="150"/>
        
        <!-- 关键的ComboBox列 -->
        <DataGridComboBoxColumn
            Header="产品分类"
            Width="150"
            DisplayMemberPath="Name" <!-- 指定下拉项显示的文本属性 -->
            SelectedValuePath="ID" <!-- 指定选中项对应的键值属性 -->
            SelectedValueBinding="{Binding CategoryID}" <!-- 绑定到主数据的CategoryID -->
            ItemsSource="{Binding DataContext.Categories, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"/>
    </DataGrid.Columns>
</DataGrid>

关键属性解释 #

• DisplayMemberPath：告诉ComboBox要展示Category对象里的Name属性，这样下拉列表里显示的是完整文本。
• SelectedValuePath：指定当用户选中某一项时，取Category对象的ID作为选中值。
• SelectedValueBinding：把ComboBox选中的ID值绑定到Product对象的CategoryID属性，这样选择后主数据会自动更新对应的ID值。
• ItemsSource：因为DataGridComboBoxColumn的默认数据上下文是当前行的Product对象，所以需要通过RelativeSource找到窗口的DataContext，从而获取Categories集合。

方式二：后台代码动态创建列 #

如果需要在后台动态生成这个ComboBox列，可以这样写：

// 创建ComboBox列
var comboColumn = new DataGridComboBoxColumn();
comboColumn.Header = "产品分类";
comboColumn.Width = new DataGridLength(150);

// 配置显示和选中值
comboColumn.DisplayMemberPath = "Name";
comboColumn.SelectedValuePath = "ID";

// 绑定主数据的CategoryID属性
comboColumn.SelectedValueBinding = new Binding("CategoryID");

// 设置下拉数据源
comboColumn.ItemsSource = Categories;

// 添加到DataGrid的列集合中
dataGrid.Columns.Add(comboColumn);

额外注意事项 #

• 如果你用MVVM模式，确保数据源用ObservableCollection，这样数据变化时UI会自动更新。
• 如果你的键值对集合是静态资源，可以把ItemsSource绑定为{StaticResource Categories}，记得先在Window.Resources里定义资源。
• 要确保SelectedValueBinding的属性类型和SelectedValuePath的属性类型一致（比如都是int），否则会出现绑定错误。

内容的提问来源于stack exchange，提问作者Ali Hamza