WPF：如何将DataGrid列绑定到行数据中的集合元素？

嘿，我明白你现在的痛点——手动给每个Motor列写CellTemplate太繁琐了！其实咱们可以通过简化绑定路径的方式来解决这个问题，不用重复设置DataContext，直接一步到位绑定到集合里的指定元素。

核心思路：利用绑定路径的索引器 #

WPF的绑定语法支持直接通过集合索引器访问元素属性，我们可以跳过设置DataContext的步骤，直接把绑定路径指向Motors[index].Name，这样能大幅减少重复代码，新增列时只需要复制修改索引即可。

方案1：用DataGridTextColumn实现极简绑定（推荐） #

如果你的Motor列只需要显示文本，完全可以用DataGridTextColumn替代DataGridTemplateColumn，代码会更简洁：

<Window xmlns:vm="clr-namespace:MyMotors.ViewModel">
    <Window.DataContext>
        <vm:AssignmentViewModel/>
    </Window.DataContext>
    <DataGrid ItemsSource="{Binding Assignments}" AutoGenerateColumns="False">
        <DataGrid.Columns>
            <!-- 绑定Assignment的Name属性 -->
            <DataGridTextColumn Header="Name" Binding="{Binding Name}" Width="120"/>
            
            <!-- 直接通过索引器绑定Motors集合中的对应元素 -->
            <DataGridTextColumn Header="Motor0" Binding="{Binding Motors[0].Name, FallbackValue='-', TargetNullValue='-'}" Width="100"/>
            <DataGridTextColumn Header="Motor1" Binding="{Binding Motors[1].Name, FallbackValue='-', TargetNullValue='-'}" Width="100"/>
            <DataGridTextColumn Header="Motor2" Binding="{Binding Motors[2].Name, FallbackValue='-', TargetNullValue='-'}" Width="100"/>
            <DataGridTextColumn Header="Motor3" Binding="{Binding Motors[3].Name, FallbackValue='-', TargetNullValue='-'}" Width="100"/>
        </DataGrid.Columns>
    </DataGrid>
</Window>

细节说明：

• FallbackValue='-'：当Motors集合中对应索引的元素不存在时，显示-
• TargetNullValue='-'：当Motor的Name属性为null时，显示-
• 新增列时，只需要复制一行DataGridTextColumn，修改索引和Header即可，操作比之前高效很多

方案2：保留TemplateColumn的简化写法 #

如果你的Motor列需要自定义UI（比如添加按钮、样式），可以继续用DataGridTemplateColumn，但简化内部绑定逻辑：

<Window xmlns:vm="clr-namespace:MyMotors.ViewModel">
    <Window.DataContext>
        <vm:AssignmentViewModel/>
    </Window.DataContext>
    <DataGrid ItemsSource="{Binding Assignments}" AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTemplateColumn Header="Name">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            
            <DataGridTemplateColumn Header="Motor0">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <!-- 直接绑定到Motors[0].Name，无需单独设置DataContext -->
                        <TextBlock Text="{Binding Motors[0].Name, FallbackValue='-'}" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            
            <!-- Motor1、Motor2、Motor3列以此类推 -->
        </DataGrid.Columns>
    </DataGrid>
</Window>

额外优化：让Motor属性变化自动同步UI #

如果需要Motor的Name修改后，DataGrid自动刷新显示，建议给Motor类实现INotifyPropertyChanged接口：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class Motor : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

这样当你修改某个Motor的Name时，UI会自动更新对应的单元格内容。

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