数据网格分组带来更好的性能

Question

我有一个 DataGrid，我使用 ICollectionView 对大型集合中的项目进行分组，在某些情况下超过 20k 行。我之前使用过这种方法，在显示所有行或虚拟化以创建响应速度更快的页面方面取得了不同程度的成功。在这种情况下，我想尽可能地进行虚拟化以保持 UI 响应。我已使用此答案中的提示，但对我的问题收效甚微。 Helpful DataGrid Link

我的主要问题是在将数据加载到 ICollectionView 视图/源时，DataGrid 出现了几秒钟的延迟，我希望通过适当的虚拟化将其最小化。这是我的一些代码：

<DataGrid Margin="0,2,0,0" IsReadOnly="True" ItemsSource="{Binding DataView,IsAsync =True}" EnableRowVirtualization ="True" MaxWidth="2560" MaxHeight="1600"
              Grid.Row="2" SelectionMode="Extended" VirtualizingPanel.IsVirtualizingWhenGrouping="True" SelectionUnit="FullRow" SelectedItem="{Binding SelectedOutage}">
    <DataGrid.GroupStyle>
            <GroupStyle>
                <GroupStyle.ContainerStyle>
                    <Style TargetType="{x:Type GroupItem}">
                        <Setter Property="Margin" Value="0,0,0,5"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type GroupItem}">
                                    <Expander IsExpanded="True" Foreground="{StaticResource Foreground}" Background="{StaticResource AlternatingBackground}">
                                        <Expander.Header>
                                            <TextBlock Text="{Binding Name}" Margin="5,0,0,0" Width="300"/>
                                        </Expander.Header>
                                        <ItemsPresenter />
                                    </Expander>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </GroupStyle.ContainerStyle>
            </GroupStyle>
        </DataGrid.GroupStyle>
        <!--Follows are DataGrid.ContextMenu and DataGridTextColumns with fixed widths-->
</DataGrid>

还有 c# 项：

public ICollectionView DataView { get; set; }
private readonly ObservableCollection<EquipmentMonitorRow> equipment = new ObservableCollection<EquipmentMonitorRow>();

DataView = CollectionViewSource.GetDefaultView(equipment);
DataView.GroupDescriptions.Add(new PropertyGroupDescription("GroupName"));

equipment.Clear();
//Lag is during this item adding.
equipment.AddRange(data);

所以希望我错过了一些虚拟化，或者我可以添加不同的项目或其他东西。 任何帮助，将不胜感激。谢谢。

Answer 1

将我的 ObservableCollection 源更改为 List 源解决了初始加载延迟问题。

private readonly List<EquipmentMonitorRow> equipment = new List<EquipmentMonitorRow>();

同时使用 VirtualizingPanel 属性的组合，我实现了最佳虚拟化。具体来说，如果我省略了 VirtualizingPanel.IsVirtualizingWhenGrouping="True"，那么应用程序会滞后将近一分钟，然后才会在我的 DataGrid 中显示任何内容。如果没有虚拟化，滚动会好很多，但在我的情况下，初始负载是不可接受的。

VirtualizingPanel.IsVirtualizingWhenGrouping="True" VirtualizingPanel.ScrollUnit ="Item" VirtualizingPanel.VirtualizationMode="Recycling"

感谢您的帮助。

Answer 2

Datagrid 默认支持 UI 虚拟化，但一旦您在 ICollectionView 上应用分组，UI 虚拟化将被关闭。

您可以参考MSDN sample，它基本上将支持虚拟化的分组列表扁平化。

---

更新评论：

这并没有特别提到collectionview，但似乎有 虚拟化

来自链接：

在虚拟化的普通 WPF ItemsControl 中，例如 ListBox 或 ListView，当您打开分组时，虚拟化会关闭。

并且 DataGrid 仅派生自 ItemsControl，因此 UI 虚拟化在分组时被关闭。