<\/p>\n\n\n\n
Las cuadr\u00edculas lentas matan la adopci\u00f3n del software. Cuando su WPF DataGrid se ahoga con m\u00e1s de 10.000 registros, los usuarios rebotan y tambi\u00e9n lo hacen sus conversiones de prueba. Esta gu\u00eda le muestra exactamente c\u00f3mo implementar la carga as\u00edncrona y la virtualizaci\u00f3n con DataGrid de Xceed para WPF. Obtendr\u00e1 c\u00f3digo procesable, puntos de referencia de rendimiento y una clara comparaci\u00f3n de caracter\u00edsticas que demuestra por qu\u00e9 Xceed es la soluci\u00f3n a la que acuden los profesionales serios de .NET.<\/p>\n\n\n\n
Los DataGrids est\u00e1ndar de WPF se paralizan cuando se alimentan con conjuntos de datos de tama\u00f1o empresarial. Los bloqueos de la interfaz de usuario, los picos de memoria y la lentitud del desplazamiento frustran a los usuarios y sabotean las evaluaciones de los ensayos. Parchear estos problemas con subprocesos en segundo plano o paginaci\u00f3n a menudo conduce a un c\u00f3digo fr\u00e1gil y dif\u00edcil de mantener.<\/p>\n\n\n\n
El resultado:<\/strong> Sus mejores caracter\u00edsticas nunca se ven porque la parrilla es demasiado lenta para la demostraci\u00f3n.<\/p>\n\n\n\n Xceed's DataGrid para WPF est\u00e1 dise\u00f1ado para la virtualizaci\u00f3n as\u00edncrona de datos:<\/p>\n\n\n\n Es el mismo motor en el que conf\u00edan los sectores en los que el rendimiento es fundamental y en los que los retrasos son inaceptables.<\/p>\n\n\n\n Instale el Xceed DataGrid para WPF<\/a> mediante NuGet o descarga directa.<\/p>\n\n\n\n Ejemplo de MainWindow.xaml:<\/strong><\/p>\n\n\n\n Las columnas expl\u00edcitas proporcionan un control total. Sin sorpresas ni costes de rendimiento ocultos.<\/p>\n\n\n\n Sin bloqueos. Sin hacks. Este es el patr\u00f3n as\u00edncrono que esperan los mejores equipos de .NET.<\/p>\n\n\n\n Virtualizaci\u00f3n significa poca memoria, renderizaci\u00f3n instant\u00e1nea y sin retrasos, a cualquier escala.<\/p>\n\n\n\n Los usuarios reales esperan feedback y resistencia. Esto es lo que convierte las pruebas en asientos de pago.<\/p>\n\n\n\nVirtualizaci\u00f3n as\u00edncrona: El puente hacia las aplicaciones WPF de alto rendimiento<\/h2>\n\n\n\n
\n
Implementaci\u00f3n Paso a Paso: Carga As\u00edncrona de DataGrids con Xceed<\/h2>\n\n\n\n
Contenido de esta gu\u00eda<\/h3>\n\n\n\n
\n
Configuraci\u00f3n de su proyecto WPF con 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\nImplementaci\u00f3n de la carga as\u00edncrona de datos con ObservableCollection<\/h3>\n\n\n\n
Definir el modelo y el servicio as\u00edncrono<\/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, y 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\nConfiguraci\u00f3n de la virtualizaci\u00f3n para obtener la m\u00e1xima velocidad de DataGrid<\/h3>\n\n\n\n
Configuraci\u00f3n 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\nAumentar el rendimiento del c\u00f3digo fuente<\/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\nA\u00f1adir indicadores de carga y gesti\u00f3n de errores<\/h3>\n\n\n\n
UI: Comentarios sobre la carga as\u00edncrona<\/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: Tratamiento robusto de errores<\/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\nMedici\u00f3n del rendimiento: Puntos de referencia fiables<\/h3>\n\n\n\n
Clase de m\u00e9trica simple<\/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\nResultados esperados<\/h4>\n\n\n\n