Pre and Post Ajax Update events issue

Forum > Application Architecture & Design > Pre and Post Ajax Update events issue

Mario

postedon December 13, 2013at 10:57 AM

Hi,
I'm following this developer document to set up a javascript code line being executed after an AjaxUpdateArea event occurs.

I built up a test AjaxUpdateArea:

I added the following javascript code into a javascript resource that is loaded always:

1jQuery('.AjaxUpdateArea').on('awPostAjaxUpdate', function(event, arguments) {
2 console.log(arguments['affected_areas']);
3 alert('fired!');
4});

The event looks to be successfully bound to the html element with class .AjaxUpdateArea

But when I click the button that triggers the AjaxUpdate, it looks that the js event 'awPostAjaxUpdate' is not being fired because there's neither logging into the console nor alerts by the browser.

Is there any step I'm not performing in the right way?
Thanks

Pelle

repliedon December 13, 2013at 11:28 AM

Hi Mario

That internal document is not up to date, that API is slightly changed in 5.3, but should be use only during the development of Screen Components and not directly in the Screen Design as mentioned "Appway provides three different custom JavaScript events you can use when developing Screen Components. "
I'm telling you that because we faced the same issue for a client, they used it in 5.2 in many different places and after the 5.3 upgrade all those JS calls stopped to work and we had to fix all of them and define a strategy on how to migrate in flight tickets.

For that purpose i built a Screen Component which allows you to define :

The Type of the Ajax event (awSubmit,awPreAjaxUpdate,awPostAjaxUpdate)
The Javascript code you want to execute

If you want we can discuss if makes sense to add it directly into the ComponentExtension or maybe leave it in a separate one.

Anyway to use this functionality you need to write the following code :

1$(AW.events).on('awPostAjaxUpdate', function(event, arguments) {
2    console.log(arguments['affected_areas']);
3    alert('fired!');
4});

As mentioned in this doc - "Avoiding problems with custom JavaScript code in Appway solutions" don't call directly Javascript functions in your Screens.
In case you really have to, at least put your javascript codes into a JS resource and just call a function from you Screen.

Andrea

Please sign in to add a reply