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

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

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

视图名称改成app：

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

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

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

```JavaScript

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

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

oRouter.navTo("Detail", {

productId: selectedProductId

});

```

新建一个Detail view：

源代码：

```xml

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

```

在manifest.json文件里，新建一条路由规则：

pattern：detail/{productId}

路由目标为Detail view，视图level为2：

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

跳转到明细页面：

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