eForms API functions & events

//validate form handler
function validateForm() {
  IsFormValid('formHolder', false, doneHandler);
}

//what to do when template load is done
const doneHandler = function () {
       if (e) {
            alert('Form is VALID');
        } else {
            alert('Form is NOT VALID');
        }
}

<a href="validateForm();">Validate!</a>

function loadData() {
  //get current form data and than call handler that will handle what to do with the data
  GetTransformedData('formHolder', null, dataHandler)
};

//got xml data from GetTransformedData function! lets load them into form
const dataHandler= function (e) {
  LoadExternalData('formHolder', e, '643A9C69-9D8F-4CE6-963E-03D69CA062CD', null, null, doneHandler)
};

//final handler
const doneHandler = function () {
  //all is done! show info inside console
  console.log('DATA LOADED!');
};

<a href="loadData();">Load data!</a>

function loadData() {
  //get current form data and than call handler that will handle what to do with the data
  GetTransformedData('formHolder', null, dataHandler)
};

//got xml data from GetTransformedData function! lets load them into form
const dataHandler= function (e) {
  LoadExternalData('formHolder', e, '643A9C69-9D8F-4CE6-963E-03D69CA062CD', null, 'someViewName', null, [5], doneHandler)
};

//final handler
const doneHandler = function () {
  //all is done! show info inside console
  console.log('DATA LOADED!');
};

<a href="loadData();">Load data!</a>

function loadData() {
  //get current form data and than call handler that will handle what to do with the data
  GetTransformedData('formHolder', null, dataHandler)
};

//got xml data from GetTransformedData function! lets load them into form
const dataHandler= function (e) {
  LoadExternalData('formHolder', e, '643A9C69-9D8F-4CE6-963E-03D69CA062CD', 'someLabel', null, doneHandler)
};

//final handler
const doneHandler = function () {
  //all is done! show info inside console
  console.log('DATA LOADED!');
};

<a href="loadData();">Load data!</a>

//print function that calls done handler
function printDataIntoConsole() {
  GetTransformedData('formHolder', null, doneHandler)
}

//print handler -> xml data into console
const doneHandler = function (e) {
  //print data into console, call other function, push data into variable or anything else
  console.log(e);
}

<a href="printDataIntoConsole();">Show me XML data!</a>

//print function that calls done handler
function printDataIntoConsole() {
  GetTransformedDataId('formHolder', null, doneHandler)
}

//print handler -> xml data into console
const doneHandler = function (e) {
  //Got guid print it into console, call other function, push data into variable or anything else
  console.log(e);
}

<a href="printDataIntoConsole();">Show me data guid!</a>

//open form template handler
function OpenLink () {
  //OpenFormTemplate(cSLRenderObjectId, templateUid, version, defaultLang,, successHandler, view)
  OpenFormTemplateOnPage('formHolder', '16A382FF-DC26-46AF-A7BE-DA15C3B44287', null, null, 
  doneHandler , 'Wizard')
}

//what to do when template load is done
const doneHandler = function () {
  //load current poage
  CurrentPage('formHolder', currentPageSuccessHandler);
  //load number of pages
  PageCount('formHolder', pageCountSuccessHandler);
}

//current page handler
const currentPageSuccessHandler = function (e) {
  //get current page label and set it's value incremented by one (starts from 0)
  const lbl = document.getElementById('lblCurrentPage');
  lbl.textContent = e +1;
}

//page count handler
const currentPageSuccessHandler = function (e) {
  //get page count label and set value
  const lbl = document.getElementById('lblPageCount');
  lbl.textContent = e;
}

<a href="OpenLink();">OPEN</a>

//open form template handler
function OpenLink () {
  //OpenFormTemplate(cSLRenderObjectId, templateUid, version, defaultLang,, successHandler, view)
  OpenFormTemplateOnPage('formHolder', '16A382FF-DC26-46AF-A7BE-DA15C3B44287', null, null, 
  doneHandler , 'Wizard')
}

//what to do when template load is done
const doneHandler = function () {
  //load current poage
  CurrentPage('formHolder', currentPageSuccessHandler);
  //load number of pages
  PageCount('formHolder', pageCountSuccessHandler);
}

//current page handler
const currentPageSuccessHandler = function (e) {
  //get current page label and set it's value incremented by one (starts from 0)
  const lbl = document.getElementById('lblCurrentPage');
  lbl.textContent = e +1;
}

//page count handler
const currentPageSuccessHandler = function (e) {
  //get page count label and set value
  const lbl = document.getElementById('lblPageCount');
  lbl.textContent = e;
}

<a href="OpenLink();">OPEN</a>

//open page
function OpenPage(pageNum) {
  SetPage('formHolder', pageNum, doneHandler)
}

//what to do when page load is done
const doneHandler = function () {
  //call hide modal/loading dialogue by the custom form event function
  OnProcessEnd()
}

<a href="OpenPage(10);">OPEN</a>

function nextPage() {
  SetNextPage('formHolder', doneHandler)
}

//what to do when page load is done
const doneHandler = function () {
  //call hide modal/loading dialogue by the custom form event function
  OnProcessEnd()
}

<a href="nextPage();">NEXT</a>

function prevPage() {
  SetPrevPage('formHolder', doneHandler)
}

//what to do when page load is done
const doneHandler = function () {
  //call hide modal/loading dialogue by the custom form event function
  OnProcessEnd()
}

<a href="prevPage();">Previous</a>

//open form template handler
function OpenLink () {
  //OpenFormTemplate(cSLRenderObjectId, templateUid, version, defaultLang,, successHandler, view)
  OpenFormTemplateOnPage('formHolder', '16A382FF-DC26-46AF-A7BE-DA15C3B44287', null, null, 
  doneHandler , 'Wizard')
}

//what to do when template load is done
const doneHandler = function () {
  console.log('Form loaded successfully!');
}

<a href="OpenLink();">OPEN</a>

//open form template handler
function OpenLink () {
  //OpenFormTemplate(cSLRenderObjectId, templateUid, version, defaultLang,, successHandler, view)
  OpenFormTemplateOnPage('formHolder', '16A382FF-DC26-46AF-A7BE-DA15C3B44287', null, null, 10, 
  doneHandler , 'Wizard')
}

//what to do when template load is done
const doneHandler = function () {
  console.log('Form loaded on page 10 successfully!');
}

<a href="OpenLink();">OPEN</a>

function getCurrentCulture() {
  GetCurrentFormCulture('formHolder', doneHandler)
}

//what to do when page load is done
const doneHandler = function (e) {
  //got culter code from designer (like en-US etc.)
}

<a href="getCurrentCulture();">Print Culture</a>

function getCultures() {
  GetCurrentTemplateCultures('formHolder', doneHandler)
}

//what to do when page load is done
const doneHandler = function (langs) {
  if (langs != null) {
            //foreach languages and paste them into combobox
            $.each(langs.Items, function (i, item) {
                $('#cbxLanguage').append($('', {
                    value: item.Code,
                    text: item.NativeName
                }));
            });
            GetCurrentFormCulture('formHolder', setComboLang);
        }
}

//set selected combo value
const setComboLang = function (e) {
        var langCode = e;
        if (langCode == null) {
            langCode = 'en-US';
        }
        $('#cbxLanguage option[value="' + langCode + '"]').prop('selected', true);
    }

<a href="getCultures();">populate combo</a>

function setCulture(culture) {
  SetCulture ('formHolder', culture);
}

<a href="setCulture('en-US');">English</a>

//call pdf print
function printToPdf() {
  //print form as PDF and call printHandler when data are prepared to be printed
  PrintForm('formHolder', 'PDF', printHandler);
}

//override default behaviour and print it in different way
const printHandler = function (e) {
    //got string file url like ‚https://xxx.xx/xxx.pdf‘
    //TODO: create dummy html link and trigger fake click on it
};

<a href="printToPdf();">PDF Print</a>

//call pdf print
function printToPdf() {
  //print form as PDF and call printHandler when data are prepared to be printed
  PrintForm('formHolder', 'PDF', [1,5], printHandler);
}

//override default behaviour and print it in different way
const printHandler = function (e) {
    //got string file url like ‚https://xxx.xx/xxx.pdf‘
    //TODO: create dummy html link and trigger fake click on it
};

<a href="printToPdf();">PDF Print</a>

//call pdf print
function printToPdf() {
  //get temporary data UID of current form
  GetTransformedDataId('formHolder', null, function (e) {
    //got data => print them inside another form
    PrintMultipleForms('formHolder', { Items: [{ DataUidOrXml: e, Pages: null, Uid: '643A9C69-9D8F-4CE6-963E-03D69CA062CD', Version: null, View: null }] });
});

}

//override default behaviour and print it in different way
const printHandler = function (e) {
    //got string file url like ‚https://xxx.xx/xxx.pdf‘
    //TODO: create dummy html link and trigger fake click on it
};

<a href="printToPdf();">PDF Print</a>

function gettadataValue() {
  //call get function with handler
  GetFormMetadataValue('formHolder', 'someMetadataName', returnMetadata)
}

//handler for getMetadata
const returnMetadata = function (e) {
    console.log('Value of someMetadataName is: ' + e);
};

<a href="gettadataValue();">Show Value!</a>

function getFormMetadata() {
  //call get function with handler
  GetFormMetadata('formHolder', returnMetadata)
}

//handler for getMetadata
const returnMetadata = function (e) {
    const items = e.Items;
        if (items.length > 0) {
            let w = window.open();
            let html = '';
            for (var i = 0, len = items.length; i < len; i++) {
                html += '<p>' + items[i].Key + ': ' + items[i].Value + '</p>';
            }
            $(w.document.body).html(html);
        }
};

<a href="getFormMetadata();">Show Metadata!</a>

function getTemplateMetadata() {
  //call get function with handler
  GetTemplateMetadata('8655F819-2AE3-4F67-B326-26B681476EEB', null, returnMetadata)
}

//handler for getMetadata
const returnMetadata = function (e) {
    const items = e.Items;
        if (items.length > 0) {
            let w = window.open();
            let html = '';
            for (var i = 0, len = items.length; i < len; i++) {
                html += '<p>' + items[i].Key + ': ' + items[i].Value + '</p>';
            }
            $(w.document.body).html(html);
        }
};

<a href="getTemplateMetadata();">Show Metadata!</a>

function getTemplateMetadataSync() {
  //call get function with handler
  const data = LoadTemplateMetadataSync('8655F819-2AE3-4F67-B326-26B681476EEB', null)
  
  //new tab
  const w= window.open();
  
  //parse data
  let html = '';
  for (var i = 0, len = data.items.length; i < len; i++) {
        html += '
' + data.items[i].Key + ': ' + data.items[i].Value + '
';
  }

  //passte date into tab
  w.document.body.innerHTML = html;
}

<a href="getTemplateMetadataSync();">Show Metadata!

///
// inside SCRIPT.JS
///

//Get DOM element with data
const dataElement = document.getElementById('txtID');

//Store value into session
SetSessionData('PersonID', dataElement.value);

///
// inside form's code-behind
///

//Get session data
var ID = ThisForm.GetSessionData("PersonID");

//call function
//returns form reload
LoadFormInstance('formHolderName', 'feb86ffc-4176-421a-b054-130d6db7db6f', 'html5v2', null, false);


<div id="formHolderName" enabledebuglog="false" wcfcompilerurl="https://YourDomain.com/FormServer/RuntimeService.svc">
   ....
</div>

//call function
ValidatePages('feb86ffc-4176-421a-b054-130d6db7db6f', successHandler)

const successHandler = function (e) {
  //returns INT array of unvalid pages or null if valid
  const result = e
    ? 'Form is NOT VALID!'
    : 'Form is VALID!'

  //Show result to user
  const label = document.getElementById('lblMessage')
  label.TextContent = result;
}

<label id="lblMessage">

//call function
GetSessionID();

//returns GUID as string "34c30529-d409-46be-ab75-6c8aaa90446b"

function loadData() {
  //get current form data and than call handler that will handle what to do with the data
  GetTransformedData('formHolder', null, dataHandler)
};

//got xml data from GetTransformedData function! lets load them into form
const dataHandler= function (e) {
  LoadExternalData('formHolder', e, '643A9C69-9D8F-4CE6-963E-03D69CA062CD', null, 'someViewName', null, [5], doneHandler)
};

//final handler
const doneHandler = function () {
  //all is done! show info inside console
  console.log('DATA LOADED!');
};

Load data!