How to overcome page duplication issue while back navigation?
The page duplication issue occurs when you render the initial page without ‘data-url’ attribute in JavaScript. 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>
Conclusion
I hope you enjoyed learning about how to overcome page duplication issue while back navigation.
You can refer to our JavaScript feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
