Error: adding element with duplicate id

2
votes

Hi I'm trying to make a split view application in sapui5. However when I'm trying to select an entry from the master view(left side of the split screen), the view is coming on left side only. And if I try adding this in the App.view.js

this.app.addDetailPage(sap.ui.xmlview("Trial", "view.Trial"));

It is giving the following error:

Uncaught Error: Error: adding element with duplicate id 'Trial'

Please note that the views used in the app are XML views not JS view

1
sapui5

1 Answers

2
votes

If you don't need to reference the view by ID, I would get rid of the ID altogether:

this.app.addDetailPage(sap.ui.xmlview("view.Trial"));

or otherwise, if the view already has been instantiated, remove it from the DOM after closing / navigating away