Page Beforeshow event???

[abrahampetit]

Hi, is there a way to trigger an event just before a page is shown?. The event “init” does not work for me, because it is executed only one time. Event “show” does not work either, because as all is already shown, I get a horrible flickering after I do any change.

[emccorson]

If you’re using ons-navigator to move between pages, prepush and prepop might do the trick.

https://onsen.io/v2/api/js/ons-navigator.html#events-summary

[abrahampetit]

@emccorson said in Page Beforeshow event???:

prepush

Its ok, thanks!. However I don’t find any the way to get the page id of the page being pushed. “getCurrentPage” does not work at this point, and event.currentPage neither. How can I get the page being pushed??? Thanks!

[emccorson]

I think that information is not included in the event object for some reason, but it probably should be.

You can pass the page id in the data object when calling pushPage:

document.querySelector('#myNavigator').pushPage('page2.html', {data: {id: 'page2.html'}});

[abrahampetit]

This post is deleted!

[abrahampetit]

Thanks, This is the situation: I need to assign “HELLO” to a input text, but just before the page is shown, thus avoid the flickering of the text. When I use the event “prepush”, seems that my text element is not available in the DOM! and the console shows a red error. How can I assign data to my elements before the page is shown? "

PD: postpush" does work, but I get the same flickering as with “show”.

[emccorson]

If you push a page, pop it, and then push it again, the init event is fired again on the second push. You can see it working in this example if you do a console.log on the init event: https://onsen.io/playground/?framework=vanilla&category=reference&module=navigator

This should make it possible to use the init event to do what you want.

[abrahampetit]

Yes!..My problem was that my reference was Jquery Mobile, in their case INIT is executed only once per session…So if you go back, INIT does not get triggered…and YES, I m migrating my APP from JQM to ONSEN. Thanks! your support is awesome!