[UWP & Telerik -How To] Utilizar el control RadDataGrid

julio 12, 2016 Christian Amado 0 Comentarios

El control en cuestión lo utilizamos para mostrar datos en forma de grilla, tal como se ve un una hoja de Microsoft Excel. Este control es uno de los más utilizados para la presentación de datos.

En una grilla se puede filtrar, ordenar, mover, reordenar entre otras operaciones que facilitan la visualización de los datos. En este caso, me basaré en el control Grid de Telerik.

Estamos trabajando con una librería tercerizada, por lo tanto, debemos agregar la referencia necesaria. La librería que necesitamos para que la grilla esté operativa es:
  • Telerik UI For Universal Windows Platform
Una vez que hemos agregado las referencias expuestas agregamos el control RadDataGrid al XAML que vamos a utilizar. Primero, debemos agregar la referencia al control en el encabezado de la página (o control de usuario) donde mostraremos el control: 
xmlns:telerik="using:Telerik.UI.Xaml.Controls.Grid"
Procedemos a agregar el control de grilla: 
<telerikGrid:RadDataGrid x:Name="dataGrid1"/>
En el contructor de la página (o control de usuario) colocamos la carga de datos: 
this.dataGrid1.ItemsSource = new List
    {
        new Data { Country = "Paraguay", Capital = "Asunción"},
        new Data { Country = "Inglaterra", Capital = "Londres"},
        new Data { Country = "Argentina", Capital = "Buenos Aires" },
        new Data { Country = "Estados Unidos", Capital = "Washington" }
    };
Por ultimo, creamos una clase que contenga las propiedades necesarias para nuestra lista: 
public class Data
{
    public string Country { get; set; }
    public string Capital { get; set; }
}
El resultado de la aplicación es: 1 Este es el primer paso para la utilización de un control para grillas.

Christian Amado