WPF 用大表填充 DataGrid 阻塞了我的 UI 线程

Question

我花了一些时间研究和观察最佳实践，以避免在尝试处理 UI 线程上的数据时阻塞 UI 线程。具体来说，我尽可能地利用 async/await。但是，当通过绑定(bind)填充 DataGrid 时，我注意到在命令处理完成并将处理传递回 UI 后，我的 UI 卡住了。

XAML

<DataGrid ItemsSource="{Binding EndpointModel.DataView}"
          AutoGenerateColumns="True" IsReadOnly="True">            
</DataGrid>

DataModel命令执行:

public async void CommandExecute()
{
    ...

    JsonData = await accessor.GetDataAsync(new Endpoint.Params().Universe(universe)
                                                                .WithStart(start)
                                                                .WithEnd(end));

    // Creates a very large DataTable within my display (30 x 350)
    var grid = EndpointModel.CreateDataGrid(JsonData);      
    EndpointModel.DataView = grid.AsDataView();
}

我已经单步执行代码来观察处理时间，放置调试器消息并且处理似乎正常。 wait 语句大约需要 1.5 秒，最后的网格处理需要几毫秒。然而，当我从“CommandExecute()”返回时，UI 大约需要 3-5 秒才能响应。数据填充得很好——只是需要很长时间。我不知道这是否是预期的，也不知道我是否可以控制它。

谢谢。

Answer 1

WPF DataGrid 以其性能问题而闻名。您可以尝试查看此thread中的答案。 基本上，最推荐的选项是:使用网格。特别是当行数达到数千时。 或者，如果您想保留数据网格，可以通过以下方法来减少加载时间

EnableColumnVirtualization = true
EnableRowVirtualization = true

同时设置固定的宽度和/或高度，每次有数据更新时，datagrid可能会尝试重新计算所需的宽度和高度。我会检查其他线程以根据您的需求优化数据网格。