应用程序定义之间的SAPUI5导航

本文介绍了应用程序定义之间的SAPUI5导航的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我SAPUI5发展是新的，我想知道我可以通过不同的应用程序定义导航。

I'm new in SAPUI5 development and I'd like to know how can I navigate through different apps definitions.

在我的情况，我开发一个使用sap.m.App和一些看法，我想用sap.m.splitApp移动应用。

In my case, I'm developing a mobile app that uses the sap.m.App and in some views I'd like to use sap.m.splitApp.

首先，我有一个登录页面，并与一些选项的瓷砖容器。根据用户的选择，我展示与主详细页的splitApp。

First, I have a login page and a tile container with some options. Depending on the user's choice, I'm showing an splitApp with master and detail page.

主要的应用程序控制器：使用这种方法，我可以浏览到我的splitApp视图

Main App Controller: With this method I can navigate to my splitApp view

toApp: function (pageId, context) { var app = this.getView().app; // load page on demand var master = ("Login" === pageId); if (app.getPage(pageId, master) === null) { var page = sap.ui.view({ id : pageId, viewName : "view." + pageId, type : "JS", viewData : { component : this } }); page.getController().nav = this; app.addPage(page, true); console.log("app controller > loaded page: " + pageId); } // show the page app.to(pageId); // set data context on the page if (context) { var page = app.getPage(pageId); page.setBindingContext(context); } },

Ticket.view.js：在这里我想补充我的主页和详细页，以我的应用程序

Ticket.view.js: Here I add my master and detail pages to my App

createContent : function(oController) { // to avoid scroll bars on desktop the root view must be set to block display this.setDisplayBlock(true); // create app this.app = new sap.m.SplitApp(); // load the master page var master = sap.ui.xmlview("MyTicketsList", "view.MyTicketsList"); master.getController().nav = this.getController(); this.app.addPage(master, true); // load the empty page var empty = sap.ui.xmlview("Empty", "view.Empty"); this.app.addPage(empty, false); return this.app; }

和它的正常工作。我可以导航到我的splitApp。问题是，我在的情况下回到我的主页（与平铺的容器），用户选择其他选项。我希望用下面的方法在我Ticket.controller.js做

And it's working fine. I can navigate to my splitApp. The problem is that I have to go back to my Main page (with the tile container) in case the user choice other option. I hope to do that using the following method in my Ticket.controller.js

back : function (pageId) { this.getView().app.backToPage(pageId); }

和，在MyTicketsList控制器上，我没有使用handleNavButton preSS：

And, on the MyTicketsList controller, I did the handleNavButtonPress using:

this.nav.back("MainPage");

但这个，不行！

我如何能够通过应用程序导航？或者，也许，是如何更好的方式来创建我的分路器的网页浏览，具有硕士和详细页？

How can I navigate through apps? Or, perhaps, How is the better way to create my splitter pages view, with Master and Detail pages?

P.S：我按照此教程

在此先感谢！

推荐答案

它更容易比看起来。

我有同样的问题，使SplitApp preVIEW你只需要调用像一个正常的XML视图中的观点，但插入标签

I had the same problem and to make the SplitApp preview you just have to call the view like a normal XML view but Insert the TAG