专栏首页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:

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

跳转到明细页面:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jMeter创建微软Azure Lambda Function报错

    创建的function名称为jerryfuncv3_{uuid}, uuid为从1到100之间的随机整数:

    Jerry Wang
  • SAP CRM呼叫中心的轮询设置CRMCMP_IC_FRAME SAM queue receiver

    Jerry Wang
  • CRM WebUI and Hybris的Product页面标题实现

    Controller只需实现IF_BSP_WD_HISTORY_STATE_DESCR~GET_STATE_DESCRIPTION方法:

    Jerry Wang
  • 私有镜像库的验证问题 原

    解决方案完整的例子 https://docs.quay.io/issues/quay-mesos.html https://mesosphere.github....

    domain0
  • Storm极简教程

    八卦 Storm的作者是Nathan Marz,Nathan Marz在BackType公司工作的时候有了Storm的点子并独自一人实现了Storm。在201...

    架构师小秘圈
  • Python一个万万不能忽略的警告!

    Pandas中有一个警告,很有意思,并且出现频率很高,它就是 SettingWithCopyWarning, 既然是个警告,那么我们是不是可以忽略呢。就像标题说...

    double
  • 微服务架构下的安全认证与鉴权

    从单体应用架构到分布式应用架构再到微服务架构,应用的安全访问在不断的经受考验。为了适应架构的变化、需求的变化,身份认证与鉴权方案也在不断的变革。面对数十个甚至上...

    java思维导图
  • 微服务架构下的鉴权,怎么做更优雅?

    从单体应用架构到分布式应用架构再到微服务架构,应用的安全访问在不断的经受考验。为了适应架构的变化、需求的变化,身份认证与鉴权方案也在不断的变革。面对数十个甚至上...

    黄泽杰
  • SpringBoot-07-之数据库JPA(CRUD)

    张风捷特烈
  • 设计模式-过滤器模式

    今年的高考推迟了,每年的高考完后有喜有悲,当然每个人考得的分数不同,所以结果就不用,而一般高校都是有严格的分数界限的,比如211和985、一本、二本、三本、还有...

    逍遥壮士

扫码关注云+社区

领取腾讯云代金券