专栏首页Jerry的SAP技术分享SAP UI5应用里的页面路由处理
原创

SAP UI5应用里的页面路由处理

选择SAP UI5应用的webapp文件夹,右键,选择New->SAP UI5 View, 新建一个UI5视图:

视图名称改成app:

在manifest.json文件里编辑route区域,将默认的route重命名为home,清空Pattern字段,

路由的目标,设置成我们UI5应用里的另一个视图View1:

将我们刚才新建的视图设置成这个应用的root view:

var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
	var selectedProductId = oEvent.getSource().getBindingContext().getProperty("ProductID");
	oRouter.navTo("Detail", {
		productId: selectedProductId
	});

新建一个Detail view:

源代码:

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="sapcp.cf.tutorial.app.controller.Detail"
	xmlns:html="http://www.w3.org/1999/xhtml">
	<App>
		<pages>
			<Page title="{i18n>DetailTitle}"
	      showNavButton="true"
	      navButtonPress="handleNavButtonPress" >
		<VBox>
			<Text text="{ProductName}" />
			<Text text="{UnitPrice}" />
			<Text text="{QuantityPerUnit}" />
			<Text text="{UnitsInStock}" />
		</VBox>
	</Page>
		</pages>
	</App>
</mvc:View>

在manifest.json文件里,新建一条路由规则:

pattern:detail/{productId}

路由目标为Detail view,视图level为2:

运行时测试,我点了某个列表行项目之后:

跳转到明细页面:

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SpringBoot应用和PostgreSQL数据库部署到Kubernetes上的一个例子

    上述Service的yaml文件里每个字段,在Kubernetes的API文档里有详细说明。

    Jerry Wang
  • 使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)

    在Cloud Application Studio里新建一个Code List Data Type:

    Jerry Wang
  • SAP C4C里如何实现Sales Unit和Seller的自动determination

    先看一个效果,我录了一个视频,发布在视频网站上,大家可以先看看SAP Cloud for Customer里启用了partner 自动determination...

    Jerry Wang
  • SpringBoot应用和PostgreSQL数据库部署到Kubernetes上的一个例子

    上述Service的yaml文件里每个字段,在Kubernetes的API文档里有详细说明。

    Jerry Wang
  • 使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)

    在Cloud Application Studio里新建一个Code List Data Type:

    Jerry Wang
  • SAP C4C里如何实现Sales Unit和Seller的自动determination

    先看一个效果,我录了一个视频,发布在视频网站上,大家可以先看看SAP Cloud for Customer里启用了partner 自动determination...

    Jerry Wang
  • 在ABAP里实现条件断点的三种方式

    有不同的同事问我这个问题:例如下图的LOOP要执行1000次,我只对其中的某一次比如第501次循环感兴趣,我肯定不可能按500次F5然后进入第501次的调试。或...

    Jerry Wang
  • CRM中间件里的CSA队列有什么用

    我们有时候会在中间件的事务码SMQ2即Inbound队列查看器里观察到以CSA开头的队列:

    Jerry Wang
  • CRM中间件里的CSA队列有什么用

    我们有时候会在中间件的事务码SMQ2即Inbound队列查看器里观察到以CSA开头的队列:

    Jerry Wang
  • 编程语言里函数方法类型检查的重要性

    importance of type checking and evaluation

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券