如何在Xamarin.Forms的MVVM架构中用DataGridView展示动态DataTable数据

你当前的核心问题是：在ViewModel里把整个DataTable对象作为单个元素添加到ObservableCollection<dynamic>中，而DataGridView需要的是DataTable里的行数据集合，不是单个DataTable实例，所以绑定后无法正常显示数据。

以下是两种可行的修正方案：

方案一：直接绑定DataTable属性 #

这种方式和你在DetailPage.cs里的实现逻辑最接近，直接在ViewModel中维护DataTable属性并绑定到DataGridView：

ViewModel代码修改 #

private DataTable _dynamicRaporTable;
public DataTable DynamicRaporTable
{
    get => _dynamicRaporTable;
    set
    {
        _dynamicRaporTable = value;
        OnPropertyChanged(nameof(DynamicRaporTable));
    }
}

// 建议把async void改成async Task，避免异步方法的潜在问题
async Task FillDynamicRaporList()
{
    var str = await serviceManager.DynamicReports();
    str = str.Replace(@"\", "");

    if (!string.IsNullOrEmpty(str))
    {
        Console.WriteLine("VERİ ALINDI");
        // 直接反序列化为DataTable并赋值
        DynamicRaporTable = JsonConvert.DeserializeObject<DataTable>(str);
    }
}

XAML绑定修改 #

<DataGridView x:Name="dataTable" ItemsSource="{Binding DynamicRaporTable}" />

方案二：将DataTable行转成动态对象存入ObservableCollection #

如果必须用ObservableCollection<dynamic>，需要把DataTable的每一行转换成动态对象，再逐个添加到集合中：

ViewModel代码修改 #

private ObservableCollection<dynamic> _dynamicRaporList;
public ObservableCollection<dynamic> DynamicRaporList
{
    get => _dynamicRaporList ??= new ObservableCollection<dynamic>();
    set
    {
        _dynamicRaporList = value;
        OnPropertyChanged(nameof(DynamicRaporList));
    }
}

async Task FillDynamicRaporList()
{
    var str = await serviceManager.DynamicReports();
    str = str.Replace(@"\", "");

    if (!string.IsNullOrEmpty(str))
    {
        Console.WriteLine("VERİ ALINDI");
        DataTable dt = JsonConvert.DeserializeObject<DataTable>(str);
        
        // 清空原有数据，避免重复加载
        DynamicRaporList.Clear();
        
        // 遍历DataTable的每一行，转成动态对象添加到集合
        foreach (DataRow row in dt.Rows)
        {
            dynamic dynamicRow = new ExpandoObject();
            var rowDict = (IDictionary<string, object>)dynamicRow;
            
            foreach (DataColumn col in dt.Columns)
            {
                rowDict[col.ColumnName] = row[col];
            }
            
            DynamicRaporList.Add(dynamicRow);
        }
    }
}

XAML绑定修改 #

<DataGridView x:Name="dataTable" ItemsSource="{Binding DynamicRaporList}" />

额外注意事项 #

1. 确保你的ViewModel已经实现了INotifyPropertyChanged接口，OnPropertyChanged方法能正确触发属性变更通知。
2. 在页面构造函数中，要把ViewModel实例设置为页面的DataContext，比如：

public DetailPage()
{
    InitializeComponent();
    var viewModel = new DetailPageViewModel();
    DataContext = viewModel;
    // 触发数据加载
    _ = viewModel.FillDynamicRaporList();
}

3. 尽量避免使用async void的异步方法，改成async Task后用_ = 方法名()触发执行，避免上下文阻塞问题。

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