Crear la primera cuadrícula de datos

Este tutorial es un ejemplo de una cuadrícula de datos que muestra datos sobre las razas y las edades de ciertos perros. La cuadrícula de datos muestra los datos a través de un componente de campo de texto y de número .

Tutorial

Para trabajar con el componente Cuadrícula de datos :

1. Arrastra y suelta una actividad de Secuencia en tu flujo de trabajo.

2. Arrastra y suelta una actividad Crear tabla de datos en la secuencia.

   1. Ve a la propiedad TablaDeDatos y presiona ctrl + K en tu teclado. Cuando aparezca Set var: en el campo Tablade datos, escribe un nombre para la tabla de datos. Para este ejemplo, escribe dogBreedDataTable Esto crea una variable TablaDeDatos en la que almacenas la tabla de datos.

   2. Clic . Se abrirá la ventana Crear tabla de datos .

   3. Cambiar el nombre de Column1 como Breed. 2.4. Cambiar el nombre Column2 como Age.
      Recuerde los nombres de la tabla y las columnas, ya que los usará como Nombres de propiedad para los componentes dentro de su formulario.
3. Arrastra y suelta una actividad Crear formulario en la Secuencia.
   1. En el panel Propiedades , desactiva GenerarCamposDeEntrada. Si se deja marcada, se agregará automáticamente un componente en el Diseñador de formularios, según el tipo de argumento.
   2. Para la propiedad ColecciónDeCamposDeFormulario , haz clic en puntos suspensivos . Se abrirá la ventana RecopilaciónDeCamposDeFormulario.
   3. Cree un argumento llamado dogBreedTable. Establece la Dirección como Entrada / Salida, elige el tipo System.data.DataTable y establece el valor como la tabla de datos que creaste, llamada dogBreedDataTable.
4. En la actividad Crear formulario , haz clic en Abrir diseñador de formularios.
5. Arrastra y suelta un componente de Cuadrícula de datos en el formulario.
   1. En la pestaña Visualización , cambia el nombre de la etiqueta del componente como Dogs Data Grid.
   2. En la pestaña Clave de campo , introduce el nombre del argumento de la tabla de datos creado en la propiedad ColecciónDeCamposDeFormulario . Esto vincula los datos al formulario. Para este ejemplo, introduce dogBreedTable en el campo Nombre de propiedad .
6. Arrastra y suelta un componente de Campo de texto dentro de la Cuadrícula de datos.
   1. En la pestaña Visualización , cambia el nombre de la etiqueta del componente como Dog Breed.
   2. En la pestaña Clave de campo , introduce el nombre de la columna Cadena en la tabla de datos. Para este ejemplo, introduce Breed en el campo Nombre de propiedad .
7. Arrastra y suelta un componente numérico .
   1. En la pestaña Visualización , cambia el nombre de la etiqueta del componente como Dog Age.
   2. En la pestaña Clave de campo , introduce el nombre de la columna Int32 en la tabla de datos. Para este ejemplo, introduce Age en el campo Nombre de propiedad .
8. Guarda el formulario y ejecuta el flujo de trabajo para probar las capacidades de la cuadrícula de datos.

Flujo de trabajo de muestra

Para comprobar los flujos de trabajo completos o tener una referencia futura, descarga el ejemplo XAML