Didacticiel : application de règles aux champs de formulaires adaptatifs tutorial-apply-rules-to-adaptive-form-fields

Ouvrez le formulaire adaptatif pour le modifier.

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

Sélectionnez le champ  Identifiant client et sélectionnez l’icône Modifier les règles. La fenêtre Éditeur de règles s’ouvre.

Sélectionnez l’icône + Créer pour ajouter une règle. L’éditeur visuel s’ouvre.

Dans l’éditeur visuel, l’instruction QUAND est sélectionnée par défaut. En outre, l’objet de formulaire (dans ce cas, ID de client) d’où vous avez lancé l’éditeur de règles est spécifié dans l’instruction QUAND.

Sélectionnez le menu déroulant  Sélectionner un état  et sélectionnez a changé.

Dans l’instruction THEN, sélectionnez Appeler un service dans la liste déroulante Sélectionner une action.

Sélectionnez le service Extraire l’adresse d’expédition dans le menu déroulant Sélectionner.

Faites glisser et déposez le champ ID du client de l’onglet Objets de formulaire vers le champ Déposer l’objet ou sélectionner ici dans la zone ENTREE.

Faites glisser et déposez le champ ID du client, Nom, Adresse d’expédition, État et Code postal de l’onglet Objets de formulaire vers le champ Déposer l’objet ou sélectionner ici dans la zone SORTIE.

Sélectionnez Terminé pour enregistrer la règle. Dans la fenêtre Éditeur de règles, sélectionnez Fermer.

Prévisualisez le formulaire adaptatif. Saisissez un identifiant dans le champ Identifiant client. Le formulaire peut désormais récupérer les détails du client ou de la cliente à partir de la base de données.

Sélectionnez le champ  Envoyer  et sélectionnez l’icône Modifier les règles. La fenêtre Éditeur de règles s’ouvre.

Sélectionnez la règle Envoyer - Cliquer, puis l’icône Modifier. Les options permettant de modifier la règle Envoi s’affichent.

Dans l’option WHEN, les options  Envoi et est activé sont déjà sélectionnées.

Dans l’option ALORS, sélectionnez l’option + Ajouter l’instruction. Sélectionnez Appel du service dans le menu déroulant Sélectionner une action.

Sélectionnez le service Mettre à jour l’adresse de livraison dans le menu déroulant Sélectionner.

Faites glisser et déposez le champ Adresse d’expédition, état et code postal de l’onglet Objets de formulaire vers l’élément tablename.property correspondant (par exemple, customerdetails.shippingAddress) du champ Déposer l’objet ou sélectionnez ici dans la zone ENTRÉE. Tous les champs portant le préfixe tablename (par exemple, customerdetails dans ce cas d’utilisation) servent de données d’entrée pour le service de mise à jour. Tout le contenu fourni dans ces champs est mis à jour dans la source de données.

Glissez-déposez le champ ID du client de l’onglet Objets de formulaire vers le champ ID dans la zone ENTREE. Les champs sans préfixe tablename (par exemple, customerdetails dans ce cas d’utilisation) servent de paramètre de recherche pour le service de mise à jour. Le champ id dans ce cas d’utilisation identifie de manière unique un enregistrement dans la tableau customerdetails.

Sélectionnez Terminé pour enregistrer la règle. Dans la fenêtre Éditeur de règles, sélectionnez Fermer.

Prévisualisez le formulaire adaptatif. Récupérez les détails d’un client ou d’une cliente, mettez à jour l’adresse de livraison et envoyez le formulaire. Lorsque vous récupérez à nouveau les détails du même client ou de la même cliente, l’adresse de livraison mise à jour s’affiche.

Sélectionnez le champ ID du client, puis l’icône Edit Rules. La fenêtre Éditeur de règles s’ouvre.

Sélectionnez l’icône + Créer pour ajouter une règle. L’éditeur visuel s’ouvre.

Dans l’éditeur visuel, l’instruction QUAND est sélectionnée par défaut. En outre, l’objet de formulaire (dans ce cas, ID de client) d’où vous avez lancé l’éditeur de règles est spécifié dans l’instruction QUAND.

Sélectionnez le menu déroulant  Sélectionner un état  et sélectionnez a changé.

Dans l’instruction ALORS, sélectionnez Appeler un service dans le menu déroulant Sélectionner une action.

Basculez de l’éditeur visuel vers l’éditeur de code. Le contrôle du commutateur est sur le côté droit de la fenêtre. L’éditeur de code s’ouvre, affichant un code similaire à celui-ci :

Remplacez la section de variable d’entrée par le code suivant :

var inputs = {
    "id" : this
};

Remplacez la section guidelib.dataIntegrationUtils.executeOperation (operationInfo, inputs, outputs) par le code suivant :

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);
    }
  }
});

Prévisualisez le formulaire adaptatif. Entrez un ID client incorrect. Un message d’erreur s’affiche.