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 Widget de iFrame. 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 Usuario de Co-Pilot.
  • Tener acceso a Automation Co-Pilot para usuarios de negocios 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 Widget de iFrame. 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 Widget de iFrame.
  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 Widget de iFrame).
    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 radio y Cuadro de texto.
    Una estructura de muestra adicional:
    Ejemplo de hostData en HTML.
    Ejemplo de hostData en HTML.
    En este ejemplo: 45 es el ID del proceso, Number0 es el ID del elemento, y 45 es el valor del ID del elemento.
  4. Guarde su sesión.
    Ya ha configurado los datos del host y los ha asignado a sus procesos.
  5. Vaya a Widget de iFrame.
    El Widget de iFrame 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.