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 edades de ciertos perros. La cuadrícula de datos muestra los datos a través de un campo de texto y un componente numérico .

Tutorial

Para trabajar con el componente Cuadrícula de datos :

1. Drag and drop a Sequence activity into your workflow.

2. Drag and drop a Build Data Table activity into the Sequence.

   1. Ve a la propiedad TablaDeDatos y pulsa ctrl + K en tu teclado. Cuando aparezca Set var: en el campo TablaDeDatos , 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 abre la ventana Crear tabla de datos .
   3. Cambiar el nombre de Column1 como Breed. 2.4. Cambiar el nombre Column2 como Age.

   Recuerda los nombres de la tabla y las columnas, porque los utilizarás como nombres de propiedad para los componentes dentro de tu formulario.

3. Drag and drop a Create Form activity into the Sequence.

   1. En el panel Propiedades , desmarca GenerarCamposDeEntrada. Si se deja marcada, se añadirá automáticamente un componente en el Diseñador de formularios, en función del tipo de argumento.
   2. Para la propiedad ColecciónDeCamposDeFormulario, haz clic en los puntos suspensivos . Se abrirá la ventana ColecciónDeCamposDeFormulario.
   3. Crea un argumento llamado dogBreedTable. Establece la Dirección como In/Out, elige el tipo System.data.DataTable y establece el valor como la tabla de datos que creaste, llamada dogBreedDataTable.

4. In the Create Form activity, click Open Form Designer.

5. Drag and drop a Data Grid component in the form.

   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 la propiedad .

6. Drag and drop a Text Field component inside the Data Grid.

   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 la propiedad .

7. Drag and drop a Number component.

   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 la propiedad .

8. Save the form and run the workflow to test the capabilities of the Data Grid.

   

Flujo de trabajo de muestra

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