本教程前面的步骤,我们已经实现了从 Overview 视图跳转到 Detail 视图的路由功能:
在上图的 Overview 页面里,点击任意一个发票行项目,可以导航到该发票的明细页面,并且地址栏的 url 也随之变化:
这里我们发现一个缺陷:跳转到发票明细页面之后,无法再在 SAP UI5 应用内部通过点击控件的方式,回退到发票列表页面。
唯一的回退方式就是利用浏览器本身提供的回退按钮,如上图红色高亮的箭头所示。
然而浏览器自身的回退按钮也有局限:假设我们从浏览器默认首页比如 Google,直接访问如下 url 进入发票明细页面:
http://localhost:8080/webapp/index.html#/detail/Invoices(CustomerName%253D’Alfreds%252520Futterkiste’%252CDiscount%253D0f%252COrderID%253D10835%252CProductID%253D59%252CProductName%253D’Raclette%252520Courdavault’%252CQuantity%253D15%252CSalesperson%253D’Nancy%252520Davolio’%252CShipperName%253D’Federal%252520Shipping’%252CUnitPrice%253D55.0000m)