Created by Jerry Wang, last modified on Jan 29, 2015

• crossroads
• crossroads-dbg.js
• route
• _getMatchedRoutes
• thirdparty
• router
• navTo
• match

UI5 view之間navigation的核心代碼在folder resources/sap/ui/thirdparty里的js實現。 如上圖所示，router framework試圖根據傳入的route request "detail/AccountCollection('4039331')" 來獲取一條匹配的route path. 問題1： 這個request是怎么傳到route framework的？ answer：在我們自己的application view里傳遞的。當我們點擊navigation list時，框架自動調用我們注冊的事件處理函數setListItem， 在line 124將當前待顯示的detail page的上下文，所謂的contextPath，即"detail/AccountCollection('4039331')"通過調用route框架的方法navTo傳入route框架 問題2： route framework 具體的匹配邏輯 問題3： route framework里匹配的三條記錄從哪里來的answer： 在project的component.js里： 注意上面有兩個hard code的detail，其含義不一樣。先把第二個detail改成mydetail： 第三條匹配生效了：
此時由于application code里調用navTo時仍然傳的是detail，因此找不到匹配的route，點擊list里每個item后將沒有任何效果-瀏覽器里地址欄沒有發生變化，表明沒有發生navigation。 如果將application code里的detail也改成mydetail之后，仍然不work：原因是this._oRoutes object里沒有名為mydetail的attribute： 改成如下之后： 之后就能找到名為mydetail的route： 從地址欄觀察到navigation重新起作用了

<img src="https://user-images.githubusercontent.com/5669954/27390923-d4015d22-56a2-11e7-8a92-63a55da646f8.png)

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的UI5 navigation logic的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。