Crear biblioteca de cliente
Cree client lib que incluirá el código para invocar el método doAjaxSubmitWithFileAttachment de la API guideBridge en el evento de clic del botón identificado por la clase CSS botón de guardado. Pasamos los datos del formulario adaptable fileMap y 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 usado la biblioteca de JavaScript de bootbox para mostrar el cuadro de diálogo
Las bibliotecas de cliente utilizadas en este ejemplo se pueden descargar desde aquí.
8de24117-1378-413c-a581-01e660b7163e