Custom Front-End Functions
Besides using built-in front-end functions - "standard", "html5", "session", and "messages", - you can define your custom frontCall modules and then use these user-defined front-end functions.
To define your custom frontCall module, you must follow these steps.
Step 1. Write a JavaScript code which will perform any actions on the client side.
var mySpecialHtml = document.createElement('div');
mySpecialHtml.innerHTML = '<span>Bingo!</span>';
document.querySelector('body').appendChild(mySpecialHtml);
alert('I\'ve added some HTML!');
Step 2. Wrap this JavaScript code as follows.
*querix.plugins.frontCallModuleList.myCustomModule= {
myCustomFuction: function(param1, param2) {*
var mySpecialHtml = document.createElement('div');
mySpecialHtml.innerHTML = '<span>Bingo!</span>';
document.querySelector('body').appendChild(mySpecialHtml);
alert('I\'ve added some HTML!');
}
};*
Step 3. Save this wrapped JavaScript code to a file - e.g., myCustomFrontCallModule.js.
Step 4. From your 4gl code, load this file to the client at runtime using scriptImport for ui.Interface.frontCall.
CALL ui.Interface.frontCall("html5","scriptImport", ["qx://application/myCustomFrontCallModule.js"], [])
Step 5. From your 4gl code, call the necessary front-end function from your custom module.
CALL ui.Interface.frontCall("myCustomModule","myCustomFunction", [firstParam,secondParam], [])