建立使用者端程式庫
建立使用者端程式庫,它將包含在CSS類別 儲存按鈕 所識別的按鈕的點選事件上呼叫guideBridge
API的方法doAjaxSubmitWithFileAttachment
的程式碼。 我們將最適化表單資料fileMap
和mobileNumber
傳遞至**/bin/storeafdatawithattachments
接聽的端點
儲存表單資料後,系統會產生唯一的應用程式ID,並在對話方塊中呈現給使用者。 關閉對話方塊時,使用者將被帶入表單,表單可讓他們使用唯一應用程式ID擷取已儲存的最適化表單。
$(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
我們已使用啟動方塊JavaScript資料庫來顯示對話方塊
此範例中使用的使用者端資料庫可以從這裡下載。
8de24117-1378-413c-a581-01e660b7163e