Usar el componente de cuadrícula

El componente Cuadrícula le permite mostrar un número ilimitado de filas y columnas. El componente Cuadrícula también te permite paginar, filtrar, ordenar datos y cambiar el tamaño del ancho de la columna en runtime.

Requisitos previos

Tener instalado el paquete UiPath.Form.Activites v2.0.2 o superior.

Ordenable

Puede ordenar los datos dentro de las columnas en orden ascendente o descendente. Los datos se ordenan en runtime, en el Representador de formularios.

Los datos de la cuadrícula se muestran en el mismo orden que en la tabla de datos de entrada. Para ordenar todos los datos de la cuadrícula, haga clic en cualquier encabezado de columna en el representador de formulario.

• El primer clic ordena los datos en orden ascendente.
• Elsegundo clic ordena los datos en orden descendente.

• El tercer clic restaura el orden original.

  
  

  

  
  

Filtrable

Puede filtrar los datos dentro de cada columna. Los datos se filtran en runtime, en el Representador de formularios.

Para filtrar los datos de una columna:

1. Mantén el puntero sobre el encabezado de la columna y haz clic en la barra triple menú.
2. Elija una operación de filtrado.
3. Introduce un valor en el campo Filtro del menú de tres barras. El valor de entrada en el campo Filtro es una condición para la operación de filtrado.

Según el tipo de datos, están disponibles las siguientes operaciones de filtro:

Funcionamiento del filtro	Texto	Número	Fecha/hora
Contiene
no contiene
Igual
No igual
Comienza con
Termina en
Menor que
Menor que o igual
mayor que
Mayor que o igual
Dentro del rango
Vacío
No en blanco

Consejo:

Para todas las operaciones de filtrado aplicadas a datos de texto y números , puede añadir una operación de filtrado adicional utilizando los operadores:

• Y : muestra datos si ambas operaciones de filtro son verdaderas.
• O : muestra datos si alguna de las operaciones de filtro es verdadera.

Columna/s de tamaño ajustable

Puedes cambiar el ancho de las columnas en tiempo de ejecución, en el Representador de formulario. La función Columna (s) redimensionable le permite ver mejor los datos dentro de las columnas.

Para cambiar el tamaño de las columnas, desplace el cursor sobre el borde que separa las columnas hasta que aparezca la flecha bidireccional aparece. Arrastra el borde hasta que obtengas el ancho de columna deseado.

Paginación

Puede mostrar los datos del componente de cuadrícula en las páginas que están numeradas. La capacidad de paginación también incluye establecer el número de elementos por página.

Para establecer el número de elementos por página: ve a la pestaña Visualización del componente Cuadrícula y elige un valor de la lista desplegable Elementos por página . Puede elegir mostrar 10, 50 o 100 elementos por página.

En la parte inferior del Representador de formularios, en tiempo de ejecución puede ver:

• El número de filas de la página en la que se encuentra.
• El número total de filas en la cuadrícula.
• El número de la página en la que se encuentra del número total de páginas en la cuadrícula.

Puede navegar a través de las páginas haciendo clic en las flechas <> o puede ir a la primera página haciendo clic en el la flecha y la última página haciendo clic en el flecha

Tutorial

Para utilizar el componente de cuadrícula :

1. Arrastra y suelta un componente de cuadrícula en el Diseñador de formularios.

2. Ve a la pestaña Clave de campo y cambia el Nombre de propiedad al argumento de la tabla de datos de entrada desde la propiedad ColecciónDeCamposDeFormulario de la actividad Crear formulario .

   Para este ejemplo, introduce fruitDataTableArg. El argumento de la tabla de datos vincula los datos del archivo fruit_table.csv al formulario.
3. En la pestaña Visualización , marque las capacidades que desea aplicar al componente de Cuadrícula. Para este ejemplo, marca las cuatro casillas: Ordenable, Filtrable, Columnasredimensionables y Paginación.
4. En el campo Elementos por página , elija en la lista desplegable el número de elementos por página que desea mostrar en el formulario. Para este ejemplo, elige 10.
5. Guarde el componente.

6. Arrastra y suelta dentro de la Cuadrícula los componentes del formulario que coinciden con los valores de la columna dentro de la tabla de datos de entrada. Para este ejemplo, arrastre y suelte los siguientes componentes: un Campo de texto, un Númeroy una Fecha / Hora.

   6.1. Ve a la pestaña Clave de campo del componente Campo de texto y cambia el Nombre de propiedad al nombre de la columna que contiene datos de texto en la tabla de datos. Para este ejemplo, cambia el nombre de la propiedad a fruit.
   6.2. Ve a la pestaña Clave de campo del componente Número y cambia el Nombre de propiedad al nombre de la columna que contiene datos numéricos en la tabla de datos. Para este ejemplo, cambia el Nombre de propiedad a qty.
   6.3. Vaya a la pestaña Clave de campo del componente Fecha / Hora y cambie el Nombre de propiedad al nombre de la columna que contiene los datos de fecha / hora en la tabla de datos. Para este ejemplo, cambia el Nombre de propiedad a expdate.

Nota: ¡Asegúrese de guardar los componentes del formulario antes de cerrarlos!

7. Guarde el formulario.

8. Ejecute el flujo de trabajo y explore las capacidades del componente de Cuadrícula .

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descarga el ejemplo XAML