Este flujo permite formar un complemento de formulario con una lista de selección dinámica para todos los canales.
Acerca del Nodo Function "Set Initial Params"
En este nodo se crearán los objetos necesarios:
* msg.count => Contador requerido para enumerar la lista dinámica
* msg.dynamicCallbackLabel => Objeto que almacenará el "callback_label" para canales asincrónicos
* msg.dynamicSelectOptions => Objeto que almacenará las opciones para canales síncronos
Acerca del Nodo Function "Data Mockup - Users List"
Se establece el objeto msg.data, que simula la respuesta de un endpoint.
Acerca del nodo de bucle "Users Loop"
Este nodo itera el objeto msg.data que contiene la maqueta de datos.
Acerca del Nodo Function "Build The List"
* La variable "lineBreak" contiene el salto de línea para las opciones de canales asincrónicos.
* La función "getNumberEmoji" recibe un valor numérico y devuelve un emoji numérico.
* El contador se incrementa.
* Los valores se almacenan dinámicamente en los objetos "msg.dynamicCallbackLabel" y "msg.dynamicSelectOptions".
Acerca del Nodo Form
Este nodo se utiliza para generar la estructura básica de un formulario dentro del objeto "complementos".
Acerca del Nodo Function "Set Form Options"
Este nodo reemplaza los parámetros estáticos "callback_label" y "options" con los objetos creados dinámicamente en el nodo "Build The List".
Podrás probar el flujo con solo ejecutar el Nodo de Inject y ver el resultado en la consola de "debug".
Para implementarlo:
* La configuración del nodo de función "Set Initial Params" no debe modificarse.
* El nodo de función "Data mockup - User list" debe ser reemplazado por los datos obtenidos de un Request (nodo de http request).
* Los datos obtenidos por el nodo http request, estarán en el objeto "payload".
* Estos datos deberán ser almacenados en otro objeto diferente al "payload" (en el ejemplo: msg.data), ya que dicho objeto será reemplazado en cada iteración del nodo Loop.
* Dentro del nodo "Build The List", se almacenará en cada iteración del bucle la opción de forma dinámica. (en el ejemplo: msg.payload.name)
* De esta forma se crearán los objetos que contendrán los listados de selección (en el ejemplo: msg.dynamicCallbackLabel y msg.dynamicSelectOptions).
* Finalmente, estos objetos reemplazarán a los parámetros del formulario respectivamente:
- msg.payload.complements[0].param[0].callback_label = msg.dynamicCallbackLabel
- msg.payload.complements[0].param[0].options = msg.dynamicSelectOptions
Descárgate el flujo haciendo clic en este link.