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应用里的页面路由处理


新建一个Detail view:

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


源代码:

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

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


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


pattern:detail/{productId}

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

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



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


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


跳转到明细页面:


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

上一篇:百度刘平川:如何选择开源协议


下一篇:Hadoop on Windows with Eclipse -05- Download, Copy and Unpack Hadoop