Crear biblioteca de cliente

Crear biblioteca del cliente que incluirá el código para invocar el método doAjaxSubmitWithFileAttachment de la guideBridge API en el evento "click" del botón identificado por la clase CSS botón guardar. Pasamos los datos del formulario adaptable, fileMap, y el mobileNumber al extremo que escucha en **/bin/storeafdatawithattachments

Una vez guardados los datos del formulario, se genera un ID de aplicación único que se presenta al usuario en un cuadro de diálogo. Al cerrar el cuadro de diálogo, el usuario se dirige al formulario, que le permite recuperar el formulario adaptable guardado mediante el ID de aplicación único.

$(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.applicationID +
                  " <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()
        );
      },
    });
  });
});
NOTE
Hemos utilizado Biblioteca JavaScript de bootbox para mostrar el cuadro de diálogo

Las bibliotecas de cliente utilizadas en este ejemplo pueden ser descargado de aquí.

Siguientes pasos

Verificación de usuarios con el servicio OTP

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e