Daten aus HTML in ein Formular übertragen

Konfigurieren Sie Ihr Widget aus einer Hostanwendung und füllen Sie das ursprüngliche Formular Ihres iFrame-Widgets mit Daten auf. So haben Sie die Kontrolle über Ihre Daten, ohne immer wieder neue Daten eingeben zu müssen.

Vorbereitungen

Stellen Sie sicher, dass die folgenden Voraussetzungen erfüllt sind:

  • Es wurde eine vom System erstellte Rolle namens AAE_Robotic_Interface User für den Co-Pilot Nutzer-Nutzer bereitgestellt.
  • Sie haben Zugriff auf die Automation Co-Pilot für Geschäftsanwender auf der Weboberfläche.
  • Sie haben Zugriff auf eine Host-Webanwendung Ihrer Wahl, die die iFrame-Technologie unterstützt.
  • Sie haben das iFrame-Widget bereits eingerichtet. Weitere Details finden Sie unter Konfigurieren eines iFrame-Widgets in einer Web-Anwendung.

Prozedur

  1. Melden Sie sich bei der Host-Webanwendung an.
    Dies ist Ihre Zielanwendung mit dem iFrame-Widget.
  2. Navigieren Sie zu der Widget-Einstellungsseite oder zum Quellcode Ihrer Host-Webanwendung (wo Sie den iFrame-Widget-Code hinzugefügt haben).
    Diese Seite enthält den eingebetteten Code für die Quelle Ihres Widgets.
  3. Geben Sie die Hostdaten und Sendedaten in das Skript ein.
    Wichtig: Um Daten zuzuordnen, müssen Sie in der Host-Webanwendung einen Prozess mit einer Prozess-ID, einer Element-ID und Werten für die Element-ID laden, die miteinander korrelieren.
    Beispiel für die Struktur der Hostdaten:
    hostData =
    {
     process ID
        {
           elementID1: value1
           elementID2: value2
           elementID3: value3
       }
    } 
    sendDataToEmbeddedApp = (processID) =>
    {
        iframeElement = document.querySelector();
        iframeElement.contentWindow.postMessage({data: hostData[processID]}, 
            iframeElement.getAttribute());
    }
    Anmerkung: Die Element-ID verwendet Formularelement-Datentypen, z. B.: Kontrollkästchen, Ziffer, Optionsfeld und Textfeld.
    Eine zusätzliche Beispielstruktur:
    Beispiel für hostData in HTML.
    Beispiel für hostData in HTML.
    In diesem Beispiel gilt Folgendes: 45 ist die Prozess-ID, Number0 ist die Element-ID und 45 ist der Wert der Element-ID.
  4. Speichern Sie Ihre Sitzung.
    Sie haben jetzt die Hostdaten konfiguriert und die Daten Ihren Prozessen zugeordnet.
  5. Navigieren Sie zum iFrame-Widget.
    Das iFrame-Widget sollte eine Liste von Automatisierungen anzeigen.
    Beispiel für eine Automatisierungsliste im iFrame-Widget.
  6. Klicken Sie auf einen Prozess, um ein anfängliches Formular mit bereits zugeordneten und ausgefüllten Daten zu öffnen.
    Gleiches gilt für ein anfängliches Formular in der Automatisierungsliste.
    Das anfängliche Formular zeigt die zugeordneten Daten.
  7. Klicken Sie auf Senden, um Ihre Automatisierungen auszuführen.