<\/p>\n\n\n\n
Les grilles lentes tuent l'adoption des logiciels. Lorsque votre DataGrid WPF se bloque sur plus de 10 000 enregistrements, les utilisateurs s'en d\u00e9tournent, tout comme vos conversions d'essai. Ce guide vous montre exactement comment mettre en \u0153uvre le chargement asynchrone et la virtualisation avec DataGrid pour WPF de Xceed. Vous obtiendrez un code exploitable, des rep\u00e8res de performance et une comparaison claire des fonctionnalit\u00e9s qui prouve pourquoi Xceed est la solution de choix pour les professionnels .NET s\u00e9rieux.<\/p>\n\n\n\n
Les grilles de donn\u00e9es WPF standard s'immobilisent lorsqu'elles sont aliment\u00e9es par des ensembles de donn\u00e9es de la taille d'une entreprise. Les blocages de l'interface utilisateur, les pics de m\u00e9moire et les d\u00e9filements lents frustrent les utilisateurs et sabotent les \u00e9valuations des essais. La r\u00e9solution de ces probl\u00e8mes \u00e0 l'aide de threads d'arri\u00e8re-plan ou de la pagination conduit souvent \u00e0 un code fragile et difficile \u00e0 maintenir.<\/p>\n\n\n\n
Le r\u00e9sultat :<\/strong> Vos meilleures fonctionnalit\u00e9s ne sont jamais visibles, parce que la grille est trop lente \u00e0 d\u00e9monter.<\/p>\n\n\n\n DataGrid pour WPF de Xceed est con\u00e7u pour la virtualisation asynchrone des donn\u00e9es :<\/p>\n\n\n\n C'est ce m\u00eame moteur qui est utilis\u00e9 dans les industries o\u00f9 les performances sont critiques et o\u00f9 le d\u00e9calage n'est jamais acceptable.<\/p>\n\n\n\n Installer le Xceed DataGrid pour WPF<\/a> via NuGet ou par t\u00e9l\u00e9chargement direct.<\/p>\n\n\n\n Exemple de MainWindow.xaml :<\/strong><\/p>\n\n\n\n Les colonnes explicites permettent un contr\u00f4le total. Pas de surprises, pas de co\u00fbts de performance cach\u00e9s.<\/p>\n\n\n\n Pas de blocage. Pas de piratage. C'est le mod\u00e8le asynchrone auquel s'attendent les \u00e9quipes .NET les plus performantes.<\/p>\n\n\n\n La virtualisation est synonyme de m\u00e9moire r\u00e9duite, de rendu instantan\u00e9 et d'absence de d\u00e9calage, quelle que soit l'\u00e9chelle.<\/p>\n\n\n\n Les vrais utilisateurs attendent un retour d'information et une r\u00e9silience. C'est ce qui convertit les essais en places payantes.<\/p>\n\n\n\nVirtualisation asynchrone : Le pont vers des applications WPF \u00e0 haute performance<\/h2>\n\n\n\n
\n
Mise en \u0153uvre \u00e9tape par \u00e9tape : Chargement asynchrone d'une grille de donn\u00e9es avec Xceed<\/h2>\n\n\n\n
Ce que couvre ce guide<\/h3>\n\n\n\n
\n
Configuration de votre projet WPF avec Xceed DataGrid<\/h3>\n\n\n\n
<Window x:Class=\"AsyncDataGridDemo.MainWindow\"\n xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n xmlns:xcdg=\"http:\/\/schemas.xceed.com\/wpf\/xaml\/datagrid\">\n <Grid>\n <xcdg:DataGridControl x:Name=\"EmployeeDataGrid\"\n ItemsSource=\"{Binding Employees}\"\n AutoCreateColumns=\"False\">\n <xcdg:DataGridControl.Columns>\n <xcdg:Column FieldName=\"Id\" Title=\"Employee ID\"\/>\n <xcdg:Column FieldName=\"Name\" Title=\"Full Name\"\/>\n <xcdg:Column FieldName=\"Department\" Title=\"Department\"\/>\n <xcdg:Column FieldName=\"Salary\" Title=\"Salary\"\/>\n <\/xcdg:DataGridControl.Columns>\n <\/xcdg:DataGridControl>\n <\/Grid>\n<\/Window>\n<\/code><\/pre>\n\n\n\nImpl\u00e9mentation du chargement de donn\u00e9es asynchrone avec ObservableCollection<\/h3>\n\n\n\n
D\u00e9finir votre mod\u00e8le et votre service asynchrone<\/h4>\n\n\n\n
public class Employee\n{\n public int Id { get; set; }\n public string Name { get; set; }\n public string Department { get; set; }\n public decimal Salary { get; set; }\n}\n\npublic class EmployeeService\n{\n public async Task<List<Employee>> GetEmployeesAsync(int skip, int take)\n {\n await Task.Delay(100); \/\/ Simulate DB latency\n return Enumerable.Range(skip, take)\n .Select(i => new Employee\n {\n Id = i,\n Name = $\"Employee {i}\",\n Department = $\"Dept {i % 10}\",\n Salary = 50000 + (i * 100)\n }).ToList();\n }\n}\n<\/code><\/pre>\n\n\n\nViewModel : Async, Observable et Production-Grade<\/h4>\n\n\n\n
public class MainViewModel : INotifyPropertyChanged\n{\n private readonly EmployeeService _employeeService = new EmployeeService();\n private ObservableCollection<Employee> _employees = new ObservableCollection<Employee>();\n private bool _isLoading;\n\n public ObservableCollection<Employee> Employees\n {\n get => _employees;\n set { _employees = value; OnPropertyChanged(); }\n }\n\n public bool IsLoading\n {\n get => _isLoading;\n set { _isLoading = value; OnPropertyChanged(); }\n }\n\n public MainViewModel()\n {\n LoadDataAsync();\n }\n\n private async Task LoadDataAsync()\n {\n IsLoading = true;\n try\n {\n var employees = await _employeeService.GetEmployeesAsync(0, 10000);\n await Application.Current.Dispatcher.BeginInvoke(new Action(() =>\n {\n Employees.Clear();\n foreach (var employee in employees)\n Employees.Add(employee);\n }));\n }\n finally\n {\n IsLoading = false;\n }\n }\n\n \/\/ Implement INotifyPropertyChanged...\n}\n<\/code><\/pre>\n\n\n\nConfiguration de la virtualisation pour une vitesse maximale de DataGrid<\/h3>\n\n\n\n
Configuration XAML<\/h4>\n\n\n\n
<xcdg:DataGridControl x:Name=\"EmployeeDataGrid\"\n ItemsSource=\"{Binding Employees}\"\n AutoCreateColumns=\"False\">\n <xcdg:DataGridControl.View>\n <xcdg:TableView UseDefaultHeadersFooters=\"True\"\n ShowRowSelectorPane=\"False\">\n <xcdg:TableView.FixedHeaders>\n <DataTemplate>\n <xcdg:ColumnManagerRow AllowColumnReorder=\"True\" AllowSort=\"True\"\/>\n <\/DataTemplate>\n <\/xcdg:TableView.FixedHeaders>\n <\/xcdg:TableView>\n <\/xcdg:DataGridControl.View>\n <xcdg:DataGridControl.ScrollViewer>\n <xcdg:DataGridScrollViewer>\n <xcdg:DataGridScrollViewer.ScrollingAnimationDuration>\n <Duration>0:0:0.1<\/Duration>\n <\/xcdg:DataGridScrollViewer.ScrollingAnimationDuration>\n <\/xcdg:DataGridScrollViewer>\n <\/xcdg:DataGridControl.ScrollViewer>\n<\/xcdg:DataGridControl>\n<\/code><\/pre>\n\n\n\nAm\u00e9liorer les performances dans le Code-Behind<\/h4>\n\n\n\n
public partial class MainWindow : Window\n{\n public MainWindow()\n {\n InitializeComponent();\n EmployeeDataGrid.ItemContainerGenerator.StatusChanged += ItemContainerGenerator_StatusChanged;\n }\n\n private void ItemContainerGenerator_StatusChanged(object sender, EventArgs e)\n {\n if (EmployeeDataGrid.ItemContainerGenerator.Status == GeneratorStatus.ContainersGenerated)\n {\n EmployeeDataGrid.SetValue(VirtualizingStackPanel.IsVirtualizingProperty, true);\n EmployeeDataGrid.SetValue(VirtualizingStackPanel.VirtualizationModeProperty, VirtualizationMode.Recycling);\n }\n }\n}\n<\/code><\/pre>\n\n\n\nAjout d'indicateurs de chargement et gestion des erreurs<\/h3>\n\n\n\n
UI : Retour d'information sur le chargement asynchrone<\/h4>\n\n\n\n
<Grid>\n <xcdg:DataGridControl x:Name=\"EmployeeDataGrid\"\n ItemsSource=\"{Binding Employees}\"\n Visibility=\"{Binding IsLoading, Converter={StaticResource BooleanToVisibilityConverter}, ConverterParameter=Inverted}\"\/>\n <StackPanel HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\n Visibility=\"{Binding IsLoading, Converter={StaticResource BooleanToVisibilityConverter}}\">\n <ProgressBar IsIndeterminate=\"True\" Width=\"200\" Height=\"20\"\/>\n <TextBlock Text=\"Loading employee data...\" HorizontalAlignment=\"Center\" Margin=\"0,10,0,0\"\/>\n <\/StackPanel>\n<\/Grid>\n<\/code><\/pre>\n\n\n\nViewModel : Gestion robuste des erreurs<\/h4>\n\n\n\n
private async Task LoadDataAsync()\n{\n IsLoading = true;\n try\n {\n var employees = await _employeeService.GetEmployeesAsync(0, 10000);\n await Application.Current.Dispatcher.BeginInvoke(new Action(() =>\n {\n Employees.Clear();\n var batchSize = 100;\n for (int i = 0; i < employees.Count; i += batchSize)\n {\n foreach (var employee in employees.Skip(i).Take(batchSize))\n Employees.Add(employee);\n if (i % (batchSize * 10) == 0)\n await Task.Delay(1); \/\/ Let UI breathe\n }\n }));\n }\n catch (Exception ex)\n {\n MessageBox.Show($\"Error loading data: {ex.Message}\", \"Error\", MessageBoxButton.OK, MessageBoxImage.Error);\n }\n finally\n {\n IsLoading = false;\n }\n}\n<\/code><\/pre>\n\n\n\nMesurer la performance : Des rep\u00e8res fiables<\/h3>\n\n\n\n
Classe de m\u00e9triques simples<\/h4>\n\n\n\n
public class PerformanceMetrics\n{\n public static async Task<TimeSpan> MeasureLoadTime(Func<Task> loadOperation)\n {\n var sw = Stopwatch.StartNew();\n await loadOperation();\n sw.Stop();\n return sw.Elapsed;\n }\n\n public static long GetMemoryUsage()\n {\n GC.Collect();\n GC.WaitForPendingFinalizers();\n GC.Collect();\n return GC.GetTotalMemory(false);\n }\n}\n\n\/\/ Usage:\nvar loadTime = await PerformanceMetrics.MeasureLoadTime(() => LoadDataAsync());\nvar memory = PerformanceMetrics.GetMemoryUsage();\nDebug.WriteLine($\"Load time: {loadTime.TotalMilliseconds}ms, memory: {memory \/ 1024 \/ 1024}MB\");\n<\/code><\/pre>\n\n\n\nR\u00e9sultats attendus<\/h4>\n\n\n\n