I made a reusable component to client side validation For specific reason I use this JavaScript code to manage or handle onChange eventI can't use onChange in component >>i just pass ID of input and JQuery inside component will make a validation that is the idea of component<<
after that the onChange of widget in application that using this component not working
that appear like outsystems not support multi listener
image below in application that using component .
everything is ok i just have an error in js code that causes in remove input widgetthanks all of you
Hi Abduerhman,
Can you share your OML file? It seems unclear to me why you need to add two separate listeners, one in your javascript, and another in Outsystems OnChange event.
check zip file i attach project and reusable component library
Hi @Abduerhman Salama ,
it must be something specific you are doing, because it is perfectly possible to attach multiple listeners to an onchange, with the regular outsystems event being one of them.
See attached demo.
Can you share a demo demonstrating it doesn't work ?
Dorine
can't be installed
(StepX) Upgrading: No need to upgrade Application.
(StepX) Uploading: Uploading Application.
(StepSub) Uploading eSpace: Uploading eSpace FormValidationLibrary.
Foreign Module Error: Your OutSystems subscription only allows uploading modules developed in your environment, or downloaded from the OutSystems Forge. To share this module with the community, upload it at http://www.outsystems.com/goto/forge.
(StepX) Creating Application: Creating Application 'Client_Side_Form_Validation'.
(Warning) Missing eSpace: Required eSpace FormValidationLibrary was not found in this server.
(Warning) Missing eSpace: eSpace FormValidationLibrary was not uploaded and no equal version was found on 'Development' to associate with this Application version. Publication errors may occur.
(StepX) Verifying: Verifying the Application consistency and permission settings.
(Error) Empty Solution: Failed to publish 'Client_Side_Form_Validation' solution because it is empty, or all modules have conflicts.
(StepX) Preparing Deploy: Preparing deploy of 'Client_Side_Form_Validation'.
(StepX) Deploying: Deploying modules of 'Client_Side_Form_Validation'.
el.addEventListener('change', ()=>{ console.log('extra change event fired');})el.addEventListener('change', ()=>{ console.log('and another one');})not working
The OAP files you uploaded could not be used due to error details I sent in my previous message.
where is it not working ? Running my demo app in my environment, it works fine :