Créer une bibliothèque cliente

Créez client lib qui inclura le code pour appeler la méthode doAjaxSubmitWithFileAttachment de l'API guideBridge sur le événement de clic du bouton identifié par la classe CSS savebutton. Nous transmettons les données du formulaire adaptatif, fileMap, et mobileNumber au point de terminaison en écoutant **/bin/storeafdatawithattachments

Une fois les données du formulaire enregistrées, un identifiant d’application unique est généré et présenté à l’utilisateur dans une boîte de dialogue. Lors de la fermeture de la boîte de dialogue, l’utilisateur est amené au formulaire qui lui permet de récupérer le formulaire adaptatif enregistré à l’aide de l’identifiant d’application unique.

$(document).ready(function () {
  
  $(".savebutton").click(function () {
    var tel = guideBridge.resolveNode(
      "guide[0].guide1[0].guideRootPanel[0].contactInformation[0].basicContact[0].telephoneNumber[0]"
    );
    var telephoneNumber = tel.value;
    guideBridge.getFormDataString({
      success: function (data) {
        var map = guideBridge._getFileAttachmentMapForSubmit();
        guideBridge.doAjaxSubmitWithFileAttachment(
          "/bin/storeafdatawithattachments",
          {
            data: data.data,
            fileMap: map,
            mobileNumber: telephoneNumber,
          },
          {
            success: function (x) {
              bootbox.alert(
                "This is your reference number.<br>" +
                  x.data.path +
                  " <br>You will need this to retrieve your application",
                function () {
                  console.log(
                    "This was logged in the callback! After the ok button was pressed"
                  );
                  window.location.href =
                    "http://localhost:4502/content/dam/formsanddocuments/myaccountform/jcr:content?wcmmode=disabled";
                }
              );
              console.log(x.data.path);
            },
          },
          guideBridge._getFileAttachmentsList()
        );
      },
    });
  });
});
REMARQUE

Nous avons utilisé bootbox javascript library pour afficher la boîte de dialogue.

Les bibliothèques clientes utilisées dans cet exemple peuvent être téléchargées ici

Sur cette page