WPF MVVM中ObservableCollection数据无法在GridView显示的问题

核心问题 #

你的GridView不显示API返回数据，根源在于两个关键点：

1. 属性变更未通知UI：ExceptionDetails是普通自动属性，异步加载完成后重新赋值时，WPF绑定系统无法感知属性更新，因此不会刷新UI。而硬编码是在构造函数中直接赋值，UI初始化时就能获取数据，所以能正常显示。
2. 异步方法调用不规范：构造函数中调用async void的LoadData方法，异步操作的执行时机不受控，且异常无法被正常捕获，可能导致数据加载完成后UI已初始化完成，却未触发更新。

解决步骤 #

1. 将ExceptionDetails改为可观察属性 #

利用CommunityToolkit.Mvvm的[ObservableProperty]特性，自动实现INotifyPropertyChanged接口，确保属性变更时主动通知UI。修改ViewModel的属性定义：

// 替换原手动属性定义
[ObservableProperty]
private ObservableCollection<ExceptionDetails>? _exceptionDetails;

注：使用[ObservableProperty]时，工具包会自动生成名为ExceptionDetails的公共属性，无需手动定义。

2. 修正异步加载逻辑 #

将LoadData改为async Task方法，在构造函数中正确处理异步调用（避免async void），同时添加异常处理：

public ExceptionDetailsListViewModel()
{
    // 异步初始化，用_ = 规避编译器警告，同时捕获异常
    _ = InitializeDataAsync();
}

private async Task InitializeDataAsync()
{
    try
    {
        var exceptionDetails = await apiService.GetExceptionDetails();
        // 赋值给自动生成的属性，会自动触发PropertyChanged通知UI
        ExceptionDetails = new ObservableCollection<ExceptionDetails>(exceptionDetails);
    }
    catch (Exception ex)
    {
        // 可添加异常提示或日志记录
        MessageBox.Show($"加载数据失败：{ex.Message}");
    }
}

// 同步修改RefreshDataGridCommand为异步实现
[RelayCommand]
private async Task RefreshDataGrid()
{
    await InitializeDataAsync();
}

3. 可选：提前初始化空集合 #

若想避免UI绑定空集合的警告，可在构造函数中先初始化空集合，后续直接更新内容：

public ExceptionDetailsListViewModel()
{
    ExceptionDetails = new ObservableCollection<ExceptionDetails>();
    _ = InitializeDataAsync();
}

private async Task InitializeDataAsync()
{
    try
    {
        var exceptionDetails = await apiService.GetExceptionDetails();
        // 清空原有数据再添加，避免重复创建集合实例
        ExceptionDetails.Clear();
        foreach (var item in exceptionDetails)
        {
            ExceptionDetails.Add(item);
        }
    }
    catch (Exception ex)
    {
        MessageBox.Show($"加载数据失败：{ex.Message}");
    }
}

验证效果 #

完成上述修改后，窗口打开时异步加载的API数据会通过属性变更通知UI，GridView将正常展示内容；点击刷新按钮也会重新加载并更新UI。

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