We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to overcome page duplication issue while back navigation?

Platform: JavaScript |
Control: General |
Published Date: February 12, 2015 |
Last Revised Date: May 8, 2019
Tags: general, mobile

The page duplication issue occurs when you render the initial page without ‘data-url’ attribute. The reason for this is, usually the current page url sets as ‘data-url’ to the appview element, when page transfer occurs. Whenever page transfer occurs, the appview searches for the element having the current url containing the ‘data-url’ attribute in it. But in first page, the appview does not set any ‘data-url’ when it’s not set manually. Therefore, while getting back from some other page to first page, there cannot be any element containing the current url as ‘data-url’, hence it creates a new page, and the duplication occurs here.

To overcome this, you have to set the same url as “data-url” attribute in the appview div at your Index page, as illustrated in the following code example.

HTML

<div id="home" class="page" data-role="appview" data-url="/AppViewTest/">
    <!-- Your code here -->
</div>

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon