如何通过ObservableCollection的CollectionChanged更新WPF DataGrid？

嘿，我来帮你搞定这个WPF DataGrid和ObservableCollection的更新问题！你之前的清空重加方式虽然能工作，但确实可以利用ObservableCollection的原生特性来优化，让代码更简洁高效。

首先要明确：ObservableCollection本身已经实现了INotifyCollectionChanged接口，当你直接对它执行添加、删除、替换元素操作时，绑定的DataGrid会自动感知到变化并刷新UI，完全不需要手动清空整个集合再重新绑定。你之前同时维护List和ObservableCollection的做法有点冗余，咱们可以简化掉。

第一步：简化ViewModel的集合结构 #

先把冗余的List<OrderList>去掉，只保留ObservableCollection作为DataGrid的绑定源，这样能避免两个集合的同步问题：

// 移除原来的List字段和属性，只保留ObservableCollection
private ObservableCollection<OrderList> m_OrderListDataCollection;
public ObservableCollection<OrderList> OrderListDataCollection 
{ 
    get => m_OrderListDataCollection; 
    private set => Set(ref m_OrderListDataCollection, value); 
}

// 初始化代码简化成这样
m_OrderListDataCollection = new ObservableCollection<OrderList>();

第二步：优化更新逻辑（分两种场景） #

场景1：全量替换数据（比如从服务器拉取全新订单列表） #

如果需要完全替换现有数据，不用绕弯子先更新List再同步到ObservableCollection，直接操作ObservableCollection即可：

方式A：直接清空再添加（小数据量推荐）

public void RefreshOrderList(IEnumerable<OrderListViewModel> newOrderViewModels)
{
    // 清空现有数据
    OrderListDataCollection.Clear();
    
    // 逐个添加新订单
    foreach (var orderVm in newOrderViewModels)
    {
        OrderListDataCollection.Add(new OrderList(orderVm.Description, orderVm.OrderId));
    }
}

方式B：直接替换ObservableCollection实例（更简洁）

因为你的OrderListDataCollection属性用了Set方法（已经实现INotifyPropertyChanged），所以直接赋值新的集合也能触发UI刷新：

public void RefreshOrderList(IEnumerable<OrderListViewModel> newOrderViewModels)
{
    // 把ViewModel转成Model，直接创建新的ObservableCollection
    var newCollection = new ObservableCollection<OrderList>(
        newOrderViewModels.Select(vm => new OrderList(vm.Description, vm.OrderId))
    );
    // 赋值后Set方法会触发PropertyChanged，DataGrid自动重新绑定
    OrderListDataCollection = newCollection;
}

场景2：增量更新（添加/删除单个元素） #

这种情况更简单，直接调用ObservableCollection的原生方法就行，DataGrid会自动刷新对应行：

// 添加单个订单
public void AddSingleOrder(OrderListViewModel orderVm)
{
    OrderListDataCollection.Add(new OrderList(orderVm.Description, orderVm.OrderId));
}

// 删除选中的订单（假设你有一个SelectedOrder属性绑定DataGrid的选中项）
public void DeleteSelectedOrder()
{
    if (SelectedOrder != null)
    {
        OrderListDataCollection.Remove(SelectedOrder);
    }
}

第三步：大数据量优化：批量操作减少通知次数 #

如果需要一次性添加几十上百条数据，上面的逐个Add会触发多次CollectionChanged事件，可能导致UI卡顿。这时候可以写一个扩展方法，批量添加并只触发一次通知：

public static class ObservableCollectionExtensions
{
    public static void AddRange<T>(this ObservableCollection<T> collection, IEnumerable<T> items)
    {
        if (collection == null) throw new ArgumentNullException(nameof(collection));
        if (items == null) throw new ArgumentNullException(nameof(items));

        // 利用反射暂停集合的变更通知
        var collectionType = typeof(ObservableCollection<T>);
        var monitorField = collectionType.GetField("_monitor", BindingFlags.NonPublic | BindingFlags.Instance);
        var monitorValue = monitorField?.GetValue(collection);
        ((IDisposable)monitorValue)?.Dispose();

        try
        {
            // 直接操作底层Items集合，避免每次Add触发通知
            foreach (var item in items)
            {
                collection.Items.Add(item);
            }
        }
        finally
        {
            // 恢复通知并触发一次全局重置事件
            collection.OnCollectionChanged(new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Reset));
            // 重新创建内部监视器
            var constructor = collectionType.GetConstructor(BindingFlags.NonPublic | BindingFlags.Instance, null, Type.EmptyTypes, null);
            monitorField?.SetValue(collection, constructor?.Invoke(null));
        }
    }
}

使用方式很简单：

var newOrders = newOrderViewModels.Select(vm => new OrderList(vm.Description, vm.OrderId));
OrderListDataCollection.AddRange(newOrders);

最后验证你的XAML绑定 #

你的XAML代码是没问题的：

<DataGrid Name="dgOrderList" AutoGenerateColumns="False" 
          ItemsSource="{Binding Path=OrderListDataCollection}" 
          IsReadOnly="True" SelectionMode="Single" SelectionUnit="FullRow">
    <DataGrid.Columns>
        <DataGridTextColumn Width="Auto" Header="ID" Binding="{Binding OrderId}"/>
        <DataGridTextColumn Width="*" Header="Description" Binding="{Binding OrderDescription}"/>
    </DataGrid.Columns>
</DataGrid>

如果之后需要开启编辑功能，只要把IsReadOnly="True"改成False就行——因为你的OrderList类已经实现了INotifyPropertyChanged，编辑后的字段值会自动同步回UI。

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