Asignar datos de HTML a un formulario

Configure su widget desde una aplicación host y rellene los datos en el formulario inicial de su iFrame widget. Esto le garantiza el control de sus datos sin necesidad de introducirlos repetidamente.

Antes de empezar

Asegúrese de haber completado lo siguiente:

  • Se proporcionó un rol de Usuario AAE_Robotic_Interface creado por el sistema para el Co-Pilot User.
  • Tener acceso a Automation Co-Pilot for Business Users en la interfaz web.
  • Tener acceso a la aplicación web host de su elección que sea compatible con la tecnología iFrame.
  • Ya ha configurado el iFrame widget. Para obtener más información, consulte Configurar el widget iFrame en una aplicación web.

Procedimiento

  1. Inicie sesión en la aplicación web anfitriona.
    Esta es su aplicación de destino con la tecnología iFrame widget.
  2. Navegue a la página de configuración del widget o al código fuente de su aplicación web anfitriona (donde añadió el código del iFrame widget).
    Esta página contiene el código incrustado para la fuente de su widget.
  3. Introduzca los datos del host y los datos de envío en el script.
    Importante: Para asignar datos, debe cargar un proceso en la aplicación web host con un ID de proceso, un ID de elemento y valores del ID de elemento que se correlacionen entre sí.
    Ejemplo de estructura de los datos del host:
    hostData =
    {
     process ID
        {
           elementID1: value1,
           elementID2: value2,
           elementID3: value3
       }
    } 
    sendDataToEmbeddedApp = (processID) =>
    {
        iframeElement = document.querySelector();
        iframeElement.contentWindow.postMessage({data: hostData[processID]}, 
            iframeElement.getAttribute());
    }
    Nota: El ID del elemento utiliza tipos de datos de elementos de formulario, como: Casilla de verificación, número, botón de opción, cuadro de texto y variable oculta.
    Una estructura de muestra adicional:
    Ejemplo de código HTML
  4. Guarde su sesión.
    Ya ha configurado los datos del host y los ha asignado a sus procesos.
  5. Vaya a iFrame widget.
    El iFrame widget debe mostrar una lista de automatizaciones.
    Muestra de una lista de automatización en el widget iFrame.
  6. Haga clic en un proceso para abrir un formulario inicial con los datos ya asignados y rellenados.
    Mismo de un formulario inicial en la lista de automatización.
    El formulario inicial muestra los datos mapeados.
  7. Haga clic en Enviar para ejecutar sus automatizaciones.