wpf datagrid mvvm 行可编辑

### 实现WPF DataGrid行内编辑

为了在WPF应用程序中使用MVVM模式实现`DataGrid`的行内编辑功能，可以遵循以下方法。此过程涉及创建视图模型来管理数据以及处理用户交互。

#### 创建视图模型类

定义一个继承自`ViewModelBase`的视图模型类，在其中声明属性用于绑定到UI组件，并设置命令以响应用户的操作。对于每种类型的变量（如整数、浮点数或字符串），这些都应作为选项存储在一个集合里供组合框(`ComboBox`)选择[^1]。

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;

namespace WpfApplication1.ViewModels {
    public class IOVariableViewModel : ViewModelBase {
        private string _selectedType;

        public IOVariableModel Model { get; set; }
        
        /// <summary>
        /// 获取或设置当前选中的类型名称。
        /// </summary>
        public string SelectedType {
            get => _selectedType;
            set {
                if (_selectedType != value) {
                    _selectedType = value;
                    RaisePropertyChanged();
                }
            }
        }

        public IOVariableViewModel() {
            Model = new IOVariableModel();

            // 初始化可用的数据类型列表
            Model.VariableTypes.AddRange(new[] {"整型", "实型", "字符串"});
            
            TestCommand = new RelayCommand(TestCommandHandler);
        }

        public RelayCommand TestCommand { get; private set; }

        private void TestCommandHandler() {
            // 命令执行逻辑...
        }
    }
}

#### XAML布局配置

接下来是在XAML文件中配置`DataGrid`控件的方式。这里展示了如何将每一列与相应的属性关联起来，并指定当特定事件发生时要调用的方法。特别是针对`ComboBox`列，可以通过`SelectedItemBinding`将其值双向绑定至视图模型中的某个字段上；而对于其他文本输入栏，则可以直接利用默认行为完成编辑工作。

<DataGrid AutoGenerateColumns="False"
          ItemsSource="{Binding Path=IOVariables}">
    <!-- 定义各列 -->
    <DataGrid.Columns>
        <DataGridTextColumn Header="ID" Binding="{Binding Id}" IsReadOnly="True"/>
        <DataGridTemplateColumn Header="类型">
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <ComboBox ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.Model.VariableTypes}"
                              SelectedItem="{Binding SelectedType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding SelectedType}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <!-- 更多列... -->
    </DataGrid.Columns>

    <!-- 处理键盘导航结束后的提交 -->
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="PreviewKeyDown">
            <cmd:EventToCommand Command="{Binding CommitEditCommand}"
                                PassEventArgsToCommand="True"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</DataGrid>

注意上述代码片段还包含了对`EventToCommand`的帮助程序的应用，这允许直接从视图模型内部捕获并回应某些界面级别的动作，比如按下回车键确认修改的内容[^3]。

#### 添加辅助库支持

为了让以上方案正常运作，还需要引入一些额外的支持包：

- `GalaSoft.MvvmLight`: 提供了简化版的MVVM框架结构；
- `Microsoft.Xaml.Behaviors.Wpf`: 包含了诸如`Interaction.Triggers`这样的特性，有助于更灵活地连接视图和业务逻辑之间的桥梁[^2]。

安装方式可通过NuGet Package Manager Console运行如下命令:

Install-Package MvvmLightLibs
Install-Package Microsoft.Xaml.Behaviors.Wpf