Skip to Content

Navigate between two Views in SAPUI5 Using Destroy Method

Hi All,

In View Page 1 : Create one Button using below code

var butt = new sap.ui.commons.Button({

id : “id-butt”,

text : “Submit”,

press : oController.Submit


In Controller Page 1 :

Submit : function(){

//navigating between two views
var view1 = sap.ui.view({id:”idview12″, viewName:”sapui4_firstprogram.Vs”, type:sap.ui.core.mvc.ViewType.JS});//Initialize New View here
var r = new sap.ui.getCore().byId(“idview11”);//By using this to call view 1
r.destroy();// Destroy the first View


Now First View will Destroy and you Can easy to navigate to Second View in a Single index Page…


Karthik A

You must be Logged on to comment or reply to a post.
  • Hi ,

    In order to navigate in a mobile application ‘to’ method can be used“MyView”))

    where oApp is our instance of



  • Hi Sakthivel Elango,

    It is one way of showing yur next screen…

    here i am replace views,use fr this method is to avoid unwanted memory in runtime…

    it s an idea to use destroy concept…

    what Vinuta tld tat s another method to call other views…

    thank you Vinyta

    Karthik A