Schulung: Wenden Sie Regeln auf adaptive Formularfelder an tutorial-apply-rules-to-adaptive-form-fields

Öffnen Sie Ihr adaptives Formular zum Bearbeiten.

http://localhost:4502/editor.html/content/forms/af/change-billing-shipping-address.html

Wählen Sie das Feld Kunden-ID und dann das Symbol Regeln bearbeiten  aus. Das Fenster „Regeleditor“ wird geöffnet.

Wählen Sie das Symbol  + Erstellen aus, um eine Regel hinzuzufügen. Es öffnet den visuellen Editor.

Im visuellen Editor ist die Anweisung WHEN standardmäßig ausgewählt. Darüber hinaus wird das Formularobjekt (in diesem Fall Kunden-ID), von dem aus Sie den Regeleditor gestartet haben, in der WHEN-Anweisung angegeben.

Wählen Sie die Dropdown-Liste  Status auswählen  und dann wurde geändert aus.

Wählen Sie im Abschnitt DANN die Option Dienst aufrufen  aus der Dropdown-Liste Aktion auswählen aus.

Wählen Sie den Dienst  Versandadresse abrufen aus der Dropdown-Liste Auswählen aus.

Ziehen Sie das Feld Kunden-ID per Drag-and-Drop von der Registerkarte „Formularobjekte“ in das Feld Objekt hier einfügen oder auswählen im INPUT-Bereich.

Ziehen Sie das Feld Kunden-ID, Name, Versandadresse, Bundesland und Postleitzahl per Drag-and-Drop von der Registerkarte „Formularobjekte“ in das Feld Objekt hier einfügen oder auswählen im Bereich OUTPUT.

Wählen Sie  Fertig  aus, um die Regel zu speichern. Wählen Sie im Regeleditor-Fenster die Option  Schließen aus.

Zeigen Sie das adaptive Formular in der Vorschau an. Geben Sie eine ID in das Feld Kunden-ID  ein. Das Formular kann jetzt Kundendetails aus der Datenbank abrufen.

Wählen Sie das Feld Absenden und dann das Symbol Regeln bearbeiten  aus. Das Fenster „Regeleditor“ wird geöffnet.

Wählen Sie die Regel Senden – Klicken und dann das Symbol Bearbeiten aus. Die Optionen zum Bearbeiten der Senden-Regel werden angezeigt.

In der WHEN-Option sind die Optionen Senden und wurde angeklickt bereits ausgewählt.

Wählen Sie unter DANN die Option + Anweisung hinzufügen aus. Wählen Sie aus der Dropdown-Liste Aktion auswählen die Option Dienst aufrufen aus.

Wählen Sie aus der Dropdown-Liste Auswählen den Dienst Versandadresse aktualisieren aus.

Ziehen Sie das Feld Versandadresse, Bundesland und Postleitzahl aus der Registerkarte Formularobjekte auf die entsprechende Tabellennameneigenschaft (z. B. customerdetails.shippingAddress) des Feldes Objekt hier einfügen oder auswählen im Bereich INPUT. Alle Felder mit dem Präfix „tablename“ (in diesem Anwendungsbeispiel das Feld „customerdetails“) dienen als Eingabedaten für den Aktualisierungsservice. Der gesamte Inhalt in diesen Feldern wird in der Datenquelle aktualisiert.

Ziehen Sie das Feld Kunden-ID per Drag-and-Drop von der Registerkarte Formularobjekte in das Feld „ID“ im Feld INPUT. Felder ohne vorangestellten Tabellennamen (in diesem Anwendungsbeispiel das Feld „customerdetails“) dienen als Suchparameter für den Aktualisierungsservice. Das Feld ID in diesem Anwendungsfall identifiziert einen Datensatz in der Tabelle customerdetails.

Klicken Sie auf Fertig, um die Regel zu speichern. Wählen Sie im Regeleditor-Fenster die Option  Schließen aus.

Zeigen Sie das adaptive Formular in der Vorschau an. Rufen Sie Details einer Kundin oder eines Kunden ab, aktualisieren Sie die Versandadresse und senden Sie das Formular ab. Wenn Sie Details derselben Person erneut abrufen, wird die aktualisierte Versandadresse angezeigt.

Wählen Sie das Feld Kunden-ID und dann das Symbol Edit Rules aus. Das Fenster des Regeleditors wird geöffnet.

Wählen Sie das Symbol + Erstellen aus, um eine Regel hinzuzufügen. Es öffnet den visuellen Editor.

Im visuellen Editor ist die Anweisung WHEN standardmäßig ausgewählt. Darüber hinaus wird das Formularobjekt (in diesem Fall Kunden-ID), von dem aus Sie den Regeleditor gestartet haben, in der WHEN-Anweisung angegeben.

Wählen Sie die Dropdown-Liste  Status auswählen  und dann wurde geändert aus.

Wählen Sie in der DANN-Anweisung aus der Dropdown-Liste Aktion auswählen die Option Dienst aufrufen aus.

Wechseln Sie vom Visual Editor zum Code-Editor. Die Schaltersteuerung befindet sich auf der rechten Seite des Fensters. Der Code-Editor wird geöffnet und zeigt Code ähnlich dem Folgenden an:

Ersetzen Sie den Eingabevariablenabschnitt durch den folgenden Code:

var inputs = {
    "id" : this
};

Ersetzen Sie den Abschnitt guidelib.dataIntegrationUtils.executeOperation (operationInfo, inputs, outputs) durch den folgenden Code:

guidelib.dataIntegrationUtils.executeOperation(operationInfo, inputs, outputs, function (result) {
  if (result) {
      result = JSON.parse(result);
    customer_Name.value = result.name;
    customer_Shipping_Address = result.shippingAddress;
  } else {
    if(window.confirm("Invalid Customer ID. Provide a valid customer ID")) {
          customer_Name.value = " ";
         guideBridge.setFocus(customer_ID);
    }
  }
});

Zeigen Sie das adaptive Formular in der Vorschau an. Geben Sie eine falsche Kunden-ID ein. Eine Fehlermeldung wird angezeigt.