WPF DataGrid Медленная загрузка во время рендера

У меня есть DataGrid WPF с почти 8000 рядами. Это займет ок. 25 секунд для загрузки. Любые подсказки, как я могу улучшить его производительность?WPF DataGrid Медленная загрузка во время рендера

Эта сетка имеет 3 статических ButtonType Столбцы и другие столбцы динамические. Я извлекаю данные внутри списка и назначаю его свойству ItemsSource DataGrid на CodeBehind.

Вот код 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 ГБ оперативной памяти и 512 МБ видеокарты.

Пожалуйста, дайте мне знать, если в этом коде можно сделать какие-либо оптимизации.

источник

2015-02-14 Nilesh Barai

Не используйте DataGrid. Используйте ListView/GridView. – Paparazzi

@Blam: Я мог заметить ListView в ToolBox, но не GridView –

Проблема может быть логикой загрузки, а не datagrid, потому что datagrid использует виртуализацию. Так почему бы вам не отобразить логику загрузки вместо xaml? –

DataGrid делает много вещей, но у него также много накладных расходов.

ListView/GridView больше работает, но быстрее.

источник

2015-02-14 13:58:46 Paparazzi

Да, это решение выглядит более элегантным. У меня увеличены записи в моем столе до 55000 и его загрузка примерно за 4 секунды. Это значительное улучшение. –

WPF DataGrid Медленная загрузка во время рендера

ответ

Смежные вопросы