Zelfstudie: Regels toepassen op aangepaste formuliervelden tutorial-apply-rules-to-adaptive-form-fields

Open het aangepaste formulier voor bewerking.

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

Tik op de knop Customer ID en tik op Edit Rules pictogram. Het venster van de Redacteur van de Regel opent.

Tik op de knop + Create om een regel toe te voegen. Het opent de Visuele Redacteur.

In de Visuele Redacteur, WHEN is standaard geselecteerd. Ook het formulierobject (in dit geval, Customer ID) vanaf waar u de regeleditor hebt gestart, opgegeven in het dialoogvenster WHEN instructie.

Tik op de knop Select State vervolgkeuzelijst en selecteer is changed.

In de THEN instructie, selecteren Invoke Service van de Select Action vervolgkeuzelijst.

Selecteer Retrieve Shipping Address van de Select vervolgkeuzelijst.

Sleep de Customer ID van het tabblad Formulierobjecten naar het tabblad Drop object or select here in het INPUT doos.

Sleep de Customer ID, Name, Shipping Address, State, and Zip Code van het tabblad Formulierobjecten naar het tabblad Drop object or select here in het OUTPUT doos.

Tikken Done om de regel op te slaan. Tik in het regeleditorvenster op Close.

Geef een voorvertoning weer van het adaptieve formulier. Voer een id in het dialoogvenster Customer ID veld. Het formulier kan nu klantgegevens uit de database ophalen.

Selecteer Submit en tik op Edit Rules pictogram. Het venster van de Redacteur van de Regel opent.

Selecteer Submit - Click tikken op de Edit pictogram. De opties voor het bewerken van de regel Verzenden worden weergegeven.

In de optie WHEN Submit en is clicked zijn al geselecteerd.

In de THEN tikken op de knop + Add Statement optie. Selecteren Invoke Service van de Select Action vervolgkeuzelijst.

Selecteer Update Shipping Address van de Select vervolgkeuzelijst.

Sleep de Shipping Address, State, and Zip Code veld van het tabblad Formulierobjecten naar de overeenkomstige eigenschap table.property (bijvoorbeeld customerdetails.ShippingAddress) van het tabblad Drop object or select here in het INPUT doos. Alle velden met een tabelnaam (bijvoorbeeld details van de klant in dit geval) fungeren als invoergegevens voor de updateservice. Alle inhoud die in deze velden wordt geleverd, wordt bijgewerkt in de gegevensbron.

Sleep de Customer ID van het tabblad Formulierobjecten naar het veld Id in het dialoogvenster INPUT doos. Velden zonder een vooraf ingestelde tabelnaam (bijvoorbeeld klantgegevens in dit geval) fungeren als zoekparameter voor de updateservice. De id in dit gebruiksgeval wordt een record in de tabel met klantgegevens op unieke wijze geïdentificeerd.

Tikken Done om de regel op te slaan. Tik in het regeleditorvenster op Close.

Geef een voorvertoning weer van het adaptieve formulier. Haal de gegevens van een klant op, werk het verzendadres bij en verzend het formulier. Wanneer u de details van dezelfde klant opnieuw ophaalt, wordt het bijgewerkte verzendadres weergegeven.

Tik op de knop Customer ID en tik op Edit Rules pictogram. Het venster van de Redacteur van de Regel opent.

Tik op de knop + Create om een regel toe te voegen. Het opent de Visuele Redacteur.

In de Visuele Redacteur, WHEN is standaard geselecteerd. Ook het formulierobject (in dit geval, Customer ID) vanaf waar u de regeleditor hebt gestart, opgegeven in het dialoogvenster WHEN instructie.

Tik op de knop Select State vervolgkeuzelijst en selecteer is changed.

In de THEN instructie, selecteren Invoke Service van de Select Action vervolgkeuzelijst.

Overschakelen van Visual Editor tot Code Editor. De schakelaarcontrole is op de rechterkant van het venster. De Redacteur van de Code opent, tonend code gelijkend op het volgende:

Vervang de sectie met invoervariabelen door de volgende code:

var inputs = {
    "id" : this
};

Vervang de sectie guidelib.dataIntegrationUtils.executeOperation (operationInfo, inputs, outputs) door de volgende 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);
    }
  }
});

Geef een voorvertoning weer van het adaptieve formulier. Voer een onjuiste klant-id in. Er verschijnt een foutbericht.