ViewModel构造函数异步初始化后DataGrid仍为空的问题

问题根源分析 #

1. 初始Task.Run的问题
   构造函数中用Task.Run(() => LoadBookingRecords())将异步方法丢到线程池线程执行，await service.Get()完成后，后续的BookingRecords赋值操作会在线程池线程触发PropertyChanged事件。WPF的绑定机制要求PropertyChanged必须在UI线程触发，否则UI不会响应更新，导致DataGrid为空。

2. Dispatcher用法错误
   你尝试用Application.Current.Dispatcher.BeginInvoke包裹整个异步操作，相当于把IO密集型的service.Get()也放到UI线程执行，不仅会阻塞UI，而且内部的async void匿名方法会导致未捕获的异常，同时并没有解决PropertyChanged的线程问题。

正确解决方案 #

方案1：使用异步初始化方法（推荐）

不在构造函数中直接执行异步操作，而是单独写一个异步初始化方法，在窗口的Loaded事件中调用，确保上下文回到UI线程：

ViewModel代码修改

internal class MainWindowViewModel : INotifyPropertyChanged
{
    private readonly IBookingRecordService service;

    public event PropertyChangedEventHandler? PropertyChanged;
    private ObservableCollection<BookingRecord> bookingRecords = new();

    public ObservableCollection<BookingRecord> BookingRecords
    {
        get => bookingRecords;
        set
        {
            bookingRecords = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(BookingRecords)));
        }
    }

    public MainWindowViewModel() 
    {
        service = new BookingRecordService();
    }

    // 异步初始化方法
    public async Task InitializeAsync()
    {
        // 后台执行IO操作，不阻塞UI
        var records = await service.Get();
        // await会自动捕获UI上下文，赋值操作在UI线程执行
        BookingRecords = new ObservableCollection<BookingRecord>(records);
    }

    // 可选：简化PropertyChanged触发的辅助方法
    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

窗口代码修改
在MainWindow的XAML中添加Loaded事件绑定：

<Window x:Class="YourNamespace.MainWindow"
        ...
        Loaded="Window_Loaded">

然后在代码后台实现事件：

private async void Window_Loaded(object sender, RoutedEventArgs e)
{
    if (DataContext is MainWindowViewModel vm)
    {
        await vm.InitializeAsync();
    }
}

方案2：构造函数中触发异步初始化（火并忘记模式）

如果一定要在构造函数中启动异步加载，可以直接调用异步方法（用_ =避免编译器警告），利用ConfigureAwait(true)确保await后回到UI上下文：

public MainWindowViewModel() 
{
    service = new BookingRecordService();
    // 启动异步初始化，不阻塞构造函数
    _ = InitializeAsync();
}

private async Task InitializeAsync()
{
    // ConfigureAwait(true)确保await后回到UI上下文
    var records = await service.Get().ConfigureAwait(true);
    BookingRecords = new ObservableCollection<BookingRecord>(records);
}

关键注意点 #

• ObservableCollection是线程不安全的，所有创建、修改操作必须在UI线程执行。
• 避免在UI线程执行IO密集型操作（比如service.Get()），必须用await让后台线程处理，再回到UI线程更新绑定数据。
• 不要用Task.Run包裹整个异步初始化逻辑，这会脱离UI上下文，导致后续更新无法触发UI刷新。

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