WPF MVVM模式下设置DataGrid整行单元格编辑状态的方法

嘿，这个需求其实很好实现，核心就是让每行的编辑状态和数据实体的一个属性绑定，再通过按钮命令来切换这个属性就行。我给你一步步拆解：

1. 给数据实体添加编辑状态属性 #

首先，你的业务实体类（比如叫YourDataModel）需要加一个IsEditable布尔属性，并且必须实现INotifyPropertyChanged接口——这样属性变化时UI才能自动更新：

public class YourDataModel : INotifyPropertyChanged
{
    // 你的原有业务属性
    public int Id { get; set; }
    public string Name { get; set; }
    // ...其他业务属性

    private bool _isEditable;
    public bool IsEditable
    {
        get => _isEditable;
        set
        {
            if (_isEditable != value)
            {
                _isEditable = value;
                OnPropertyChanged(nameof(IsEditable));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在ViewModel中处理命令和选中项 #

ViewModel里需要绑定DataGrid的SelectedItem，同时创建Edit和Save命令，用来切换选中实体的IsEditable状态：

public class MainViewModel : INotifyPropertyChanged
{
    // 绑定DataGrid的数据源
    public ObservableCollection<YourDataModel> DataItems { get; set; }

    private YourDataModel _selectedItem;
    public YourDataModel SelectedItem
    {
        get => _selectedItem;
        set
        {
            if (_selectedItem != value)
            {
                _selectedItem = value;
                OnPropertyChanged(nameof(SelectedItem));
            }
        }
    }

    // Edit按钮命令
    public ICommand EditCommand { get; }
    // Save按钮命令
    public ICommand SaveCommand { get; }

    public MainViewModel()
    {
        DataItems = new ObservableCollection<YourDataModel>();
        // 初始化测试数据
        DataItems.Add(new YourDataModel { Id = 1, Name = "Test1", IsEditable = false });
        DataItems.Add(new YourDataModel { Id = 2, Name = "Test2", IsEditable = false });

        EditCommand = new RelayCommand(ExecuteEdit);
        SaveCommand = new RelayCommand(ExecuteSave);
    }

    private void ExecuteEdit()
    {
        if (SelectedItem != null)
        {
            // 切换选中行为可编辑状态
            SelectedItem.IsEditable = true;
        }
    }

    private void ExecuteSave()
    {
        if (SelectedItem != null)
        {
            // 这里写你的保存逻辑，比如提交到数据库、更新数据源等
            // ...保存代码...

            // 保存完成后切换回不可编辑状态
            SelectedItem.IsEditable = false;
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

注：上面用到了RelayCommand，如果你的项目里没有现成的，可以自己实现一个简单版本：

public class RelayCommand : ICommand
{
    private readonly Action _execute;
    private readonly Func<bool> _canExecute;

    public event EventHandler CanExecuteChanged;

    public RelayCommand(Action execute, Func<bool> canExecute = null)
    {
        _execute = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecute?.Invoke() ?? true;
    }

    public void Execute(object parameter)
    {
        _execute();
    }

    public void RaiseCanExecuteChanged()
    {
        CanExecuteChanged?.Invoke(this, EventArgs.Empty);
    }
}

3. XAML中绑定DataGrid列的IsReadOnly #

在XAML里，给DataGrid的每一列设置IsReadOnly绑定到实体的IsEditable属性的反值（因为IsReadOnly=true时单元格不可编辑，我们需要IsEditable=true时让单元格可编辑，所以要反转布尔值）：

<Window.Resources>
    <!-- 声明布尔值反转转换器 -->
    <local:BooleanNegationConverter x:Key="BooleanNegationConverter"/>
</Window.Resources>

<!-- DataGrid部分 -->
<DataGrid ItemsSource="{Binding DataItems}" 
          SelectedItem="{Binding SelectedItem}"
          AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="ID" Binding="{Binding Id}" 
                            IsReadOnly="{Binding IsEditable, Converter={StaticResource BooleanNegationConverter}}"/>
        <DataGridTextColumn Header="名称" Binding="{Binding Name}" 
                            IsReadOnly="{Binding IsEditable, Converter={StaticResource BooleanNegationConverter}}"/>
        <!-- 其他列同理配置 -->
    </DataGrid.Columns>
</DataGrid>

<!-- 操作按钮 -->
<StackPanel Orientation="Horizontal" Margin="10">
    <Button Content="编辑" Command="{Binding EditCommand}" Margin="5"/>
    <Button Content="保存" Command="{Binding SaveCommand}" Margin="5"/>
</StackPanel>

最后需要实现这个布尔反转转换器：

public class BooleanNegationConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }
}

额外优化小技巧 #

• 如果想点击Edit按钮时自动进入选中行的第一个单元格编辑状态，可以用WPF行为（比如Microsoft.Xaml.Behaviors.Wpf里的InvokeCommandAction）或者附加属性实现，避免ViewModel直接操作View，符合MVVM原则。
• 可以给SaveCommand加CanExecute逻辑，只有当选中项处于编辑状态时才允许点击按钮。

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