WPF数据表格在呈现过程中加载缓慢

3

我有一个拥有近8000行的WPF DataGrid。它需要大约25秒才能加载完毕。有什么方法可以提高它的性能吗?

这个表格有3个静态的ButtonType列,其他列都是动态的。我在代码后台将数据获取到的列表分配给DataGrid的ItemsSource属性。

以下是XAML代码:

<UserControl x:Class="TransportApp.Views.CommonScreen.SideBar.DetailsGrid"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:mui="http://firstfloorsoftware.com/ModernUI"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid Margin="5,0,0,0" VirtualizingStackPanel.IsVirtualizing="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="5" />
        </Grid.RowDefinitions>
        <Grid Grid.Row="0"  HorizontalAlignment="Left">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="120"/>
                <ColumnDefinition Width="30"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="30"/>
            </Grid.RowDefinitions>
            <Label Name="DisplayHeader" Grid.Row="0" Content="Information" VerticalAlignment="Center" FontSize="20" />
            <DatePicker Name="dtGridFilterDate" Grid.Column="1" Grid.Row="0" Margin="4" SelectedDate="{x:Static sys:DateTime.Now}"/>
            <mui:ModernButton Name="Cmd_Refresh" Grid.Column="2" Grid.Row="0" ToolTip="Click to Refresh View" IconData="{StaticResource RefreshIconData}" EllipseStrokeThickness="2" EllipseDiameter="26" IconHeight="15" IconWidth="15" Click="Cmd_Refresh_Click"/>
            <DockPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
                <Label FontWeight="Bold" DockPanel.Dock="Left" Name="lblFilter" Content="Filter" VerticalAlignment="Center"/>
                <TextBox DockPanel.Dock="Right" Margin="4" HorizontalAlignment="Stretch" Grid.Column="1" VerticalContentAlignment="Center" Name="filterBox1"/>
            </DockPanel>
            <mui:ModernButton Name="cmdSearch" Grid.Column="2" Grid.Row="1" ToolTip="Click to Search" IconData="{StaticResource SearchData}" EllipseStrokeThickness="2" EllipseDiameter="26" IconHeight="11" IconWidth="11" Click="cmdSearch_Click"/>
        </Grid>

        <DataGrid Name="DG_Details" Grid.Row="1" 
                      AutoGenerateColumns="True" IsReadOnly="True" 
                      CanUserAddRows="False" CanUserDeleteRows="False" 
                      SelectionMode="Single" EnableRowVirtualization="True"
                      VirtualizingStackPanel.IsVirtualizing="True"
                      AutoGeneratingColumn="DG_Details_AutoGeneratingColumn" 
                      HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Disabled">
            <DataGrid.Columns>
                <DataGridTemplateColumn x:Name="dgEditColumn">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <mui:ModernButton Name="Cmd_Edit" Click="Cmd_Edit_Click" ToolTip="Edit" IconData="{StaticResource EditIconData}" EllipseStrokeThickness="2" EllipseDiameter="20" IconHeight="10" IconWidth="10"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn x:Name="dgDeleteColumn">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <mui:ModernButton Name="Cmd_Delete" Click="Cmd_Delete_Click" ToolTip="Delete" IconData="{StaticResource DeleteIconData}" EllipseStrokeThickness="2" EllipseDiameter="20" IconHeight="10" IconWidth="10"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn x:Name="dgPrintColumn" Visibility="Hidden">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <mui:ModernButton Name="Cmd_Print" Click="Cmd_Print_Click" ToolTip="Re-Print document" IconData="{StaticResource PrintIconData}" EllipseStrokeThickness="2" EllipseDiameter="20" IconHeight="10" IconWidth="10"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>

数据加载逻辑

var customerList = (from c in context.Customers
                                            where c.IsDeleted == false
                                            select new
                                            {
                                                FirstName = c.FirstName,
                                                LastName = c.LastName,
                                                Phone = c.Phone,
                                                CustomerId = c.CustomerId
                                            }).ToList();

                            DG_Details.ItemsSource = customerList;
                            DG_Details.Items.Refresh();

这里需要注意的是,DataGrid在加载后的性能非常好,没有任何卡顿。我正在使用一台配备Core i5处理器、4 GB内存和512 MB显卡的机器。

如果有优化代码的方法,请告诉我。


不要使用DataGrid,而是使用ListView / GridView。 - paparazzo
@Blam:我可以在工具箱中找到ListView,但没有GridView。 - Nilesh Barai
问题可能是加载逻辑而不是数据网格,因为数据网格正在使用虚拟化。那么,为什么不显示加载逻辑而不是XAML? - Philip Stuyck
@PhilipStuyck:已更新帖子 :) 我在我的项目中使用实体框架。 - Nilesh Barai
@Blam:这种ListView/GridView的方法还不错。至少它可以在1秒内加载数据。只是我将不得不修改很多东西:( - Nilesh Barai
您需要在代码中添加一些调试跟踪来查看这25秒花在了哪里。在ToList之前和ToList之后,打印出时间,然后在Refresh之后也打印出时间。这样,您就可以确定时间花在了哪里。 - Philip Stuyck
1个回答

3

DataGrid做了很多事情,但它也有很多开销。

ListView/GridView更加繁琐但速度更快。


是的,这个解决方案看起来更加优雅。我已经将表中的记录增加到55000条,它大约在4秒内加载完成。这是一个显著的改进。 - Nilesh Barai

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接