SAPUI5应用里的页面路由怎么处理-创新互联

本篇内容主要讲解“SAP UI5应用里的页面路由怎么处理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“SAP UI5应用里的页面路由怎么处理”吧!

为绿园等地区用户提供了全套网页设计制作服务,及绿园网站建设行业解决方案。主营业务为成都做网站、网站设计、绿园网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

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

视图名称改成app:

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

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

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

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

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

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

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

```JavaScript

var oRouter = sap.ui.core.UIComponent.getRouterFor(this);

var selectedProductId = oEvent.getSource().getBindingContext().getProperty("ProductID");

oRouter.navTo("Detail", {

productId: selectedProductId

});

```

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

新建一个Detail view:

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

源代码:

```xml


	
		
			DetailTitle}"
	      showNavButton="true"
	      navButtonPress="handleNavButtonPress" >
		
			
			
			
			
		
	
		
	

```

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

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

pattern:detail/{productId}

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

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

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

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

跳转到明细页面:

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

到此,相信大家对“SAP UI5应用里的页面路由怎么处理”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


标题名称:SAPUI5应用里的页面路由怎么处理-创新互联
文章链接:http://bzwzjz.com/article/cojipg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 梓潼网站设计 成都做网站建设公司 成都网站建设 成都响应式网站建设公司 网站建设改版 成都网站建设 四川成都网站制作 H5网站制作 重庆网站建设 网站设计制作报价 网站制作 移动网站建设 网站制作 成都网站制作公司 成都网站建设 响应式网站设计方案 成都网站建设 成都网站设计 泸州网站建设 成都商城网站建设 成都网站设计