refresh a ons-page after popPage()

[mmike]

Hello,

Is it possible to refresh the ons-page after calling popPage()?

Use Case:

I have page A, Page B and Page C.

On click of button in Page A, I pushPage B.
On click of button in Page B, I pushPage C.

Page C has a entry form with a ons-button. On click of the button, I post to rest api to save the data into the DB and then call popPage() which puts me in Page B fine.

Now I need to refresh Page B. Is it possible please? I use JQuery.

Thanks for your help in advance.

[jamal]

You can use postpop event

document.addEventListener('postpop', function(event) {
          
var page = event.target;

  if (page.id === 'page1') {
       // code
    };
  else if (page.id === 'page2') {
   // code
  }
    
 });

[mmike]

@jamal said:

var page = event.target;

Thanks Jamel.

I got that part. Then problem is refreshing the page B at postpop,

I tried removePage() and insertPage(). Nothing seems to work.

Any suggestion please.

Once again thanks!

[mmike]

Jamel,

My app has navigator with stack of pages.
event.target page.id returns the navigator id not the current page that is getting popped.

The above does not work.

Thanks!

[mmike]

May be instead of event.target we can use event.enterpage.

But the question remains how to refresh the enterpage?

Thanks!

[jamal]

@mmike,

BTW, it is Jamal.

I think you ‘refresh’ a page by calling code that updates the page either thru CSS or the values of elements.

Maybe you need to write a refresh function that updates your pages accordingly.

As to getting correct page that popped, here is a jquery sample:

 $(document).on('postpop', '#navigator', function(event) {
          
        if (page.matches('#page3')) {
          // refresh code 
        }
      });

Jamal

[mmike]

Awesome! That works great.
Thanks for your help, Jamal!

[mmike]

Hi Jamal,

Safari does not recognize “init” event. The above works just in chrome / firefox.

Any thoughts?

Thx