Saturday, June 28, 2014

How to check AMX page is fully loaded or not

Sometimes you might requires to manipulate the HTML elements after the page is fully loaded. In HTML file it an be checked using window.onload or deviceready but same doesn't guarantees the appropriate ADF Mobile state.

In ADF mobile using showpagecomplete event on the handlePageShown callback function it can be checked.
<script>
        function handlePageShown() {
          console.log("Page is shown!");
        }
        document.addEventListener("showpagecomplete", handlePageShown, false);
</script>
The showpagecomplete event guarantees the appropriate ADF Mobile state; other browser and third-party events, such as load and Cordova's deviceready, may not.

In my next article I will show the usage of showpagecomplete event with example.

2 comments:

  1. Hey Deepak that was a very informative tutorial on checking AMX page when it is not fully loaded.We create many Oracle ADF tutorials as well that may benefit your readers, find out more at http://www.fireboxtraining.com/

    ReplyDelete
  2. Thanks for the tutorial on AMX pages loading. I work at a mobile app development company and this issue is very important for my job. I try to read more such tutorials on mobile apps development. Hope hearing from you soon.

    ReplyDelete