Accepted Solutions (0)
Answers (2)
Please refer the example code. it should be useful.
Application Structure :
Index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal">
</script>
<!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->
<script>
sap.ui.localResources("sapui5_navigation_xml");
var appPage = sap.ui.view({
id:"idApp",
viewName:"sapui5_navigation_xml.AppView",
type:sap.ui.core.mvc.ViewType.JS});
appPage.placeAt("content");
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
AppViewView.Js
sap.ui.jsview("sapui5_navigation_xml.AppView", {
/** Specifies the Controller belonging to this View.
* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
* @memberOf sapui5_navigation_xml.AppView
*/
getControllerName : function() {
return "sapui5_navigation_xml.AppView";
},
/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.
* Since the Controller is given to this method, its event handlers can be attached right away.
* @memberOf sapui5_navigation_xml.AppView
*/
createContent : function(oController) {
var app = new sap.m.App("myApp",{initialPage:"idfirstView1"});
var page = sap.ui.view({id:"idfirstView1", viewName:"sapui5_navigation_xml.firstView", type:sap.ui.core.mvc.ViewType.XML});
var secpage = sap.ui.view({id:"idsecondView", viewName:"sapui5_navigation_xml.secondView", type:sap.ui.core.mvc.ViewType.XML});
var thrPage = sap.ui.view({id:"idThrView", viewName:"sapui5_navigation_xml.thirdView", type:sap.ui.core.mvc.ViewType.XML});
app.addPage(page);
app.addPage(secpage);
app.addPage(thrPage);
return app;
/*return new sap.m.Page({
title: "App View",
content: [app]
});*/
}
});
AppView.controller.js
No code required Here
firstView.view.xm
<Page title="Welcome to First View">
<content>
<Input id="usrId" placeholder="user name"/>
<Input ip="pwdId" placeholder="password" type="Password"/>
</content>
<footer>
<Bar>
<contentMiddle>
<Button xmlns="sap.m" id="id" type="Accept" text="Login" width="10%" icon="" press="oNavigationLog"/>
<BusyDialog xmlns="sap.m" id="BusyDialogId" busy="true" busyIndicatorDelay="1000"
visible="true" text="Hello Text" title="Hello Tittle" close="">
</BusyDialog>
</contentMiddle>
</Bar>
</footer>
</Page>
firstView.controller.js
sap.ui.controller("sapui5_navigation_xml.firstView", {
/**
* Called when a controller is instantiated and its View controls (if available) are already created.
* Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
* @memberOf sapui5_navigation_xml.firstView
*/
oNavigationLog:function(){
sap.ui.getCore().byId("myApp").to("idsecondView","flip");
}
secondView.view.xml
<Page title="Second View" showNavButton="true" navButtonPress="oNavigationBackFirstView">
<content>
</content>
<footer>
<Bar>
<contentMiddle>
<Button xmlns="sap.m" id="secId" type="Accept" text="Go 3rd View"
width="10%" icon="" press="oNavigationto3rd" />
</contentMiddle>
</Bar>
</footer>
</Page>
secondView.controller.js
sap.ui.controller("sapui5_navigation_xml.secondView", {
/**
* Called when a controller is instantiated and its View controls (if available) are already created.
* Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
* @memberOf sapui5_navigation_xml.secondView
*/
oNavigationBackFirstView:function(){
//app.to(page);
//sap.ui.getCore().byId("mainApp").to("page");
sap.ui.getCore().byId("myApp").back();
},
oNavigationto3rd:function(){
//app.to(thrPage);
//app.back(); // Back to Navigation View
sap.ui.getCore().byId("myApp").to("idThrView");
}
});
Kindly let me know if you need any more information
| User | Count |
|---|---|
| 95 | |
| 13 | |
| 13 | |
| 11 | |
| 11 | |
| 7 | |
| 5 | |
| 5 | |
| 4 | |
| 4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.