向ObservableCollection添加项后如何更新WPF DataGrid？

核心问题分析 #

你的代码存在三个关键问题导致DataGrid无法自动刷新：

1. 绑定名称不匹配：ViewModel属性名为Cats，但XAML中DataGrid绑定的是Categories
2. 集合类型错误：使用List<Category>而非ObservableCollection<Category>，后者才会自动通知UI集合变更
3. 未正确更新ViewModel集合：插入数据后未同步更新ViewModel中的数据源，而是直接操作UI控件

分步修复 #

1. 修正ViewModel集合类型与绑定名称

将ViewModel中的List<Category>替换为ObservableCollection，并统一属性名称与XAML绑定一致：

public partial class CatView : ObservableObject
{
    // 使用ObservableCollection实现自动UI通知
    private ObservableCollection<Category> _categories = new ObservableCollection<Category>(Category.all.Values);
    
    // 属性名称与XAML绑定的"Categories"一致
    public ObservableCollection<Category> Categories 
    {
        get { return _categories; }
        set
        { 
            _categories = value;
            OnPropertyChanged(nameof(Categories)); // 使用nameof避免硬编码字符串
        }
    }

    // 新增方法：从Category.all刷新集合
    public void RefreshCategories()
    {
        Categories.Clear();
        foreach (var cat in Category.all.Values)
        {
            Categories.Add(cat);
        }
    }

    // 新增方法：直接添加单个分类（更高效）
    public void AddCategory(Category cat)
    {
        Categories.Add(cat);
    }
}

2. 修正插入按钮的后台逻辑

移除直接操作UI的代码，改为更新ViewModel中的集合：

private void btnInsert_Click(object sender, RoutedEventArgs e)
{
    string newName = txtINPUT.Text.Trim();
    if (string.IsNullOrWhiteSpace(newName))
    {
        MessageBox.Show("请输入分类名称", "提示", MessageBoxButton.OK, MessageBoxImage.Information);
        return;
    }

    Category test = Category.get(newName);
    if (test != null)
    {
        MessageBox.Show("该分类已存在，无法重复添加", "错误", MessageBoxButton.OK, MessageBoxImage.Error);
        return;
    }

    Category cat = new Category(newName);
    Category.add(cat); // 添加到全局字典

    // 保存到数据库
    Category.Raw cats = new Category.Raw(new List<Category> { cat });
    CategoryDAO.categoriesInsert(cats);

    // 通过ViewModel刷新DataGrid（二选一即可）
    var viewModel = (CatView)DataContext;
    viewModel.AddCategory(cat); // 直接添加单个项（高效）
    // viewModel.RefreshCategories(); // 从全局字典重载所有项（适合需要同步数据库最新状态的场景）

    // 清空输入框
    txtINPUT.Text = string.Empty;
}

3. 验证XAML绑定正确性

确保DataGrid的ItemsSource绑定正确（你的XAML中已经是{Binding Categories}，无需修改）：

<DataGrid x:Name="grdCategory" 
          Grid.Column="1" 
          AutoGenerateColumns="False"
          SelectedItem="{Binding SelectedCategory}"
          ItemsSource="{Binding Categories}">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Name" Binding="{Binding name}" />
    </DataGrid.Columns>
</DataGrid>

关键原理说明 #

• ObservableCollection：实现了INotifyCollectionChanged接口，当集合添加、删除或修改项时，会自动通知绑定的UI控件更新
• MVVM模式：通过ViewModel而非直接操作UI控件来更新数据，保证数据与UI的一致性
• 绑定一致性：确保XAML中的绑定路径与ViewModel中的属性名称完全匹配

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