Visualización de listas interactivas de registros de tablas o salida de conectores en las aplicaciones
  • 01 Nov 2022
  • 5 Minutos para leer
  • Colaboradores

Visualización de listas interactivas de registros de tablas o salida de conectores en las aplicaciones


Article Summary

A continuación se explica cómo mostrar listas de registros u objetos sobre los que se puede hacer clic en una aplicación.

En este artículo, aprenderás...

  • Cómo mostrar múltiples registros de la tabla basados en una variable
  • Cómo seleccionar un registro de la lista y cargarlo en una app
  • Cómo convertir la salida del conector en una lista interactiva
  • Cómo disparar la lógica de activación cuando un operador selecciona una fila en una lista interactiva

Nota: Para poder utilizar este tutorial, debe entender cómo crear una Tabla. Consulte esta guía separada si no lo ha hecho antes.

¿Necesita mostrar alguno de estos activos comunes del taller a sus operadores y técnicos?

  • Una lista de asignaciones de órdenes de trabajo por estación de trabajo
  • Máquinas que necesitan ser inspeccionadas
  • Las herramientas y su ubicación en las instalaciones
  • Problemas registrados en una estación y su progreso hasta la resolución
  • Listas de materiales

Si es así, tendrá que utilizar el widget de tabla incrustada en el Editor de aplicaciones.

El widget de tabla incrustada puede alimentarse de las siguientes fuentes de datos:

  • Varias filas de salida SQL
  • Matriz de objetos de un conector HTTP
  • Registro de la tabla Tulipán
  • Campos de usuario

Después de configurar la fuente de datos, puede mostrar listas filtradas a los operadores y permitirles hacer clic en cualquier fila de la tabla. Incluso puede disparar la lógica del Trigger después de que elijan un Registro.

Esta guía le mostrará cómo crear tablas interactivas para cada fuente de datos de uso anterior.

Si quiere ver un ejemplo en contexto, consulte esta guía para procesar la visibilidad de las órdenes de trabajo por estación

Añadir el widget de tabla incrustada

Tablas

Primero, cree un marcador de posición de registro en el lado izquierdo de la pantalla. Esto le permitirá cargar un registro de la lista en la aplicación.

A continuación, añada el widget a un paso seleccionando "Incrustar" en la barra de herramientas y luego eligiendo "Tabla Tulipán".

A continuación, vincúlalo a una Tulip Table a través del desplegable "Data Source":

Después de eso, puede vincular la tabla incrustada a un marcador de posición de registro y comenzar a añadir filtros en el panel de contexto. Esto es lo que parece:

Para añadir columnas, selecciónelas en la lista desplegable para añadirlas de una en una.

Puedes cambiar el diseño de la tabla arrastrando cada columna en el App Editor o Player para cambiar el ancho de las columnas.

Conector de salida

A continuación se explica cómo crear listas interactivas a partir de la salida de un conector.

En primer lugar, configura un conector que envíe una matriz a tu app Tulip. Aprende a configurar la conexión entre conectores y apps aquí

Luego, agrega la tabla incrustada a un paso como se muestra arriba.

A continuación, selecciona "Variable" como fuente de datos y elige la variable que almacena el array de salida de una función del conector.

Finalmente, elija una Variable de tipo "Objeto" para almacenar la salida o cree una dentro del diálogo "Variable Vinculada".

A continuación, seleccione una columna para cada propiedad del objeto que desee mostrar.

Activación de la lógica de disparo y diseño de un paso

Después de haber configurado su tabla incrustada, hay dos maneras de utilizarla:

  1. Disparar inmediatamente una Acción de disparo cuando un operador presiona una fila
  2. Actualizar una variable o un marcador de posición de registro y no disparar ningún disparador.

Esta sección le mostrará cómo configurar ambas situaciones en su aplicación.

Lógica de disparo

Para añadir un activador que se dispare cuando se pulse o se haga clic en una fila del reproductor, haga clic en el botón "+" situado junto a la etiqueta del activador en el panel contextual. Verá que se abre el Editor de activadores con la cláusula "Cuando" establecida en "cuando se selecciona una fila".

Diseñando un Paso

A continuación se muestra un resumen de una forma popular de utilizar la tabla incrustada en el reproductor:

La Tabla Incrustada se utiliza junto a otros dos Widgets:

  1. El widget de texto para indicar al operador que haga clic o pulse un registro.
  2. El widget de registro de la tabla para mostrar qué registro se ha seleccionado.

Para seleccionar un registro, el operador debe pulsar un registro, pero probablemente querrá darles alguna información de que han seleccionado con éxito el registro correcto.

Para ello, añada el widget de texto "Registro de la tabla" al Paso.

A continuación, vincúlelo al mismo marcador de posición de registro que la tabla incrustada en el panel de contexto:

Pruébelo en el Reproductor, y el marcador de posición de registro debería actualizarse en tiempo real.

Cambiar la visualización de la tabla incrustada

Tamaño de la fila

De forma predeterminada, el tamaño de la fila está optimizado para ser pulsado en un ordenador portátil o de sobremesa. Sin embargo, es posible que desee hacer que cada fila sea más grande para que se pueda pulsar fácilmente en una tableta o dispositivo móvil.

Para ello, cambie el "Tamaño de la fuente" en el panel contextual. Esto aumentará automáticamente la altura de la fila para acomodar el tamaño de la fuente.

Botones para cada fila

Para eliminar el botón de cada fila, active la opción "Seleccionar botón" para mostrar u ocultar los botones.

Independientemente de que active o desactive la opción "Botón de selección", las filas pueden seleccionarse pulsando o haciendo clic en cualquier parte de la fila.

Índice de filas

Cuando se activa, el índice del registro se mostrará dentro de la tabla.

Filas por página

Determina cuántas filas deben estar disponibles a la vez en la tabla

Configuración de filtros y ordenación en el widget

Esta sección sólo se aplica a las Tablas Incrustadas que están conectadas a las Tablas Tulipán y a los Campos de Usuario.

Probablemente querrá filtrar la lista de registros que se muestran al operador. Podría querer filtrarla en base a:

  1. La estación que está ejecutando la aplicación
  2. El operador que utiliza la aplicación
  3. Un valor en una variable de la aplicación
  4. Algo más.

Haga clic en el icono "Editar" junto a la opción Filtros para configurar un filtro.

Las opciones de filtro incluyen:

  1. Valor estático
  2. Variable
  3. Registro de la tabla de tulipanes
  4. Información de la aplicación

En primer lugar, elija el campo de la tabla en el que desea configurar un filtro. A continuación, elija una condición. Dentro de la opción "Variable", verás tanto los metadatos de la aplicación, como el usuario y la estación, como las variables relacionadas con la aplicación.

Una vez que hayas seleccionado un filtro, haz clic en la "X" de la parte superior derecha del modal.

Puedes configurar la ordenación de la tabla incrustada con la opción "Ordenar por".

Más información


¿Ha encontrado lo que buscaba?

También puedes dirigirte a community.tulip.co para publicar tu pregunta o ver si otros se han enfrentado a una pregunta similar.


¿Te ha sido útil este artículo?