WPF DataGrid添加删除按钮绑定ViewModel致SelectedValue为空问题

问题说明 #

在WPF中使用DataGrid时，通过列模板添加删除按钮，需要让按钮绑定到ViewModel的命令而非行对象。但直接给按钮设置DataContext后，虽然命令能触发，DataGrid的SelectedValue属性会变为空，导致选择功能失效。

核心原因 #

给按钮单独设置DataContext会破坏DataGrid行的上下文继承，使得DataGrid无法正确跟踪选中的行对象，最终导致SelectedValue绑定失效。

解决方案：不修改按钮DataContext，通过上下文绑定ViewModel命令 #

不需要给按钮重新设置DataContext，而是通过RelativeSource或ElementName直接绑定ViewModel的命令，同时传递当前行对象作为命令参数。

方法1：使用RelativeSource绑定ViewModel

修改Delete按钮的Command绑定，通过RelativeSource找到父级DataGrid的DataContext（即ViewModel）：

<DataGrid x:Name="ActualDataGrid" DockPanel.Dock="Top"
          ItemsSource="{Binding ActualData}"
          Margin="5,10,5,5"
          FontSize="14"
          FontWeight="Bold"
          Background="WhiteSmoke"
          AlternatingRowBackground="AliceBlue"
          VerticalAlignment="Top"
          HorizontalAlignment="Stretch"
          AutoGenerateColumns="False"
          GridLinesVisibility="Horizontal"
          ColumnHeaderHeight="45"
          SelectionMode="Extended"
          CanUserAddRows="True"
          CanUserDeleteRows="False"
          SelectedValue="{Binding SelectedResult}"
          Height="{Binding ActualHeight, ElementName=ProjectedDataGrid}"
          VerticalScrollBarVisibility="Visible">
    <DataGrid.ColumnHeaderStyle>
      <Style TargetType="DataGridColumnHeader">
        <Setter Property="ContentTemplate">
          <Setter.Value>
            <DataTemplate>
              <TextBlock TextWrapping="Wrap" Text="{Binding}" FontWeight="Bold"></TextBlock>
            </DataTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </DataGrid.ColumnHeaderStyle>
    <DataGrid.Columns>
        <DataGridTextColumn Header="Num" Width="50" Binding="{Binding Path=num}"/>
        <DataGridTextColumn Header="Notes" Width="*" Binding="{Binding Path=description}"/>
        <DataGridTemplateColumn Header="Delete">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button Command="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"
                            CommandParameter="{Binding}"
                            Margin="3" Background="Transparent" BorderThickness="0">
                        <Button.Content>
                            <materialDesign:PackIcon Kind="TrashCanOutline" VerticalAlignment="Center"/>
                        </Button.Content>
                    </Button>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

• {Binding DataContext.DeleteCommand, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}：通过父级DataGrid获取ViewModel上下文，绑定DeleteCommand。
• CommandParameter="{Binding}"：将当前行对应的FutureChartData对象作为参数传递给命令。

方法2：使用ElementName绑定ViewModel

如果DataGrid已命名（如ActualDataGrid），可直接通过ElementName绑定：

<Button Command="{Binding DataContext.DeleteCommand, ElementName=ActualDataGrid}"
        CommandParameter="{Binding}"
        Margin="3" Background="Transparent" BorderThickness="0">
    <Button.Content>
        <materialDesign:PackIcon Kind="TrashCanOutline" VerticalAlignment="Center"/>
    </Button.Content>
</Button>

ViewModel调整 #

修改Delete方法以接收并处理当前行对象，同时修正命令属性的setter错误：

// 修正DeleteCommand的setter错误
private ICommand _deleteCommand;
public ICommand DeleteCommand
{
    get
    {
        return _deleteCommand;
    }
    set
    { 
        _deleteCommand = value;
        OnPropertyChanged(nameof(DeleteCommand));
    }
}

// 初始化命令
DeleteCommand = new RelayCommand(param => CanDelete(param), param => Delete(param));

private bool CanDelete(object o)
{
    return o is FutureChartData; // 确保参数是有效对象
}

private void Delete(object result)
{
    if (result is FutureChartData dataToDelete)
    {
        ActualData.Remove(dataToDelete);
        // 可选：删除后清空选中项
        SelectedResult = null;
    }
}

private FutureChartData _selectedResult;
public FutureChartData SelectedResult
{
    get { return _selectedResult; }
    set
    {
        _selectedResult = value;
        OnPropertyChanged(nameof(SelectedResult));
    }
}

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