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

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

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: 1Este es el primer paso para la utilización de un control para grillas.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.