Hi Adams and Krishna,
in view.js file i have the below code,
var oSplitApp = new sap.m.SplitApp("mySplitApp", {});
var tilePage = new sap.m.Page(
"tilePageId"
);
var oTileContainer = new sap.m.TileContainer("TileContainer");
var tile1 = new sap.m.StandardTile("tile1", {
title: "Hi",
});
tile1.attachPress(oController.tile1Press);
var oMasterPage1 = new sap.m.Page("master1",{
title : "Master",
});
var oDetailPage1 = new sap.m.Page("detail1", {
title : "Detail 1",
content:[ ],
});
oTileContainer.addTile(tile1);
tilePage.addContent(oTileContainer);
oSplitApp.setInitialDetail("detail1");
oSplitApp.setInitialMaster("master1");
oSplitApp.placeAt("content");
and in controller.js i have the following code
tile1Press:function(){
var oDetailPage1=sap.ui.getCore().byId("detail1");
var oSplitApp=sap.ui.getCore().byId("mySplitApp");
var tilePage=sap.ui.getCore().byId("tilePageId");
oDetailPage.addPage(tilePage);
oSplitApp.toDetail(oDetailPage1);