Extensible framework question for click event on udfbutton

Legacy Contributor

Hi,

I want to achieve below:

1. Add a button on screen: I added a udfbutton

2. I want to call a function (javascript)  or action on click of this button: I thought I can write an extensiable framework, which will have a function on click of the button.

But I don't find any documentation on the supported events on button, there is one documentation which list a few events.

Any idea to achieve such functionality other than udfbutton or how to write a extensible framework to capture click event of a button.

Regards,

Legacy Contributor

Hi

Below is an example where i do just what you ask for. I use it on Position screen (PSOOBJP) and it opens a webbrowser with an URL. 
In my case it was for documentation on the Position inside another system. I use a field value on the details screen (OBJ_UDFCHAR05) which contains the position identity from the other system as a parameter in the url.

If you are familiar with javascript you will be able to understand what it does.
I connected the event-listner to the obj_udfbutton01 in the 'afterrender' event

However I can not know if my selector to find the button i future-prof as it depends if Infor changes the class-name on the button or not 

// JavaScript source code

Ext.define('EAM.custom.external_osobjp', {
extend: 'EAM.custom.AbstractExtensibleFramework',
getSelectors: function () {
return {
'[extensibleFramework] [tabName=HDR]': {
afterrender: function () {

var button = document.getElementsByClassName('uft-id-udfbutton01');
if (button != undefined) {

button[0].addEventListener('click', function () {
var vFormPanel = EAM.Utils.getCurrentTab().getFormPanel();
var vMcId = vFormPanel.getForm().findField('udfchar05');
var vValue = vMcId.getValue();

window.open('othersystem/.../ + vValue + '&obj=true', '_blank');
});
}
}
}
}
}
});