Activadores de widgets
  • 01 Nov 2022
  • 2 Minutos para leer
  • Colaboradores

Activadores de widgets


Article Summary

En este artículo, usted aprenderá:

  • ¿Qué son los activadores de nivel de widget?
  • ¿Cómo se pueden utilizar los activadores de widgets?
  • Ejemplos de uso de los Widget Triggers

¿Qué son los Activadores de Widget?

Los activadores de widgets son bloques de lógica que se ejecutan automáticamente cuando los usuarios interactúan con los widgets.

Los activadores de widgets pueden agilizar la forma en que los usuarios interactúan con Tulip Player, eliminando la necesidad de utilizar los botones siguientes.

Cómo utilizar los activadores de widgets

Los activadores de widgets están disponibles para todos los widgets de entrada y el widget de tabla interactiva. En la mayoría de los casos, estos activadores se ejecutan cuando el valor de esa entrada cambia. Por lo tanto, cuando los usuarios conmutan una casilla de verificación, o seleccionan un valor de una sola selección, sus activadores se ejecutarán.

Entradas de texto y números

Las entradas de texto y números funcionan de forma ligeramente diferente. Los disparadores de las entradas de texto y número se disparan cuando se pulsa la tecla [Intro].

ATENCIÓN

En el caso del Widget de entrada de texto, es posible que los usuarios tengan que introducir valores de varias líneas para introducir contenido. Estas entradas harán que se ejecuten los activadores del Widget, asegúrese de que este comportamiento es compatible con la lógica de su activador del Widget.

Widget de tabla interactiva

El widget de tabla interactiva es increíblemente potente. Cuando se selecciona una fila, la fila seleccionada se cargará en el marcador de posición vinculado (si se ha asignado un marcador de posición vinculado). Además de cargar el registro seleccionado en un marcador de posición de registro, también se ejecuta un activador cuando se carga un registro.

Ejemplos de casos de activación

Entradas de texto

En mi caso de uso quiero que los usuarios introduzcan un número de pedido al principio de nuestra aplicación (para procesar finalmente ese pedido). Los usuarios introducirán manualmente este número de pedido, pero hemos tenido problemas cuando los usuarios no siguen el formato correcto del número de pedido.

Mis números de pedido siguen el patrón: Pedido 1234-567 y quiero asegurarme de que los usuarios han introducido este pedido correctamente antes de permitirles continuar. Este comportamiento puede lograrse con una expresión regular (Regex), pero podemos aprovechar los activadores de entrada para hacer esta validación automáticamente en segundo plano, agilizando el proceso para nuestros usuarios.

En este caso, la expresión regular correcta es "Order: [0-9]{4}-[0-9]{3}". Para comprobar esto automáticamente, puedo añadir este trigger de Widget
image.png

Widget de tabla interactiva

Cuando los usuarios seleccionan un pedido de nuestra cartera de pedidos abiertos, necesitamos establecer el estado de ese pedido como EN PROCESO. Esto podría hacerse con un botón normal de activación, pero podemos agilizar la experiencia del usuario construyendo esto directamente en el Widget.

Además, cuando los usuarios seleccionen un pedido, los trasladaremos al siguiente paso de nuestra aplicación, donde los usuarios podrán actuar sobre ese pedido

image.png

Más información


¿Te ha sido útil este artículo?