2014-05-09 267 views
0

我在尋找一個支持瀏覽器歷史的ExtJs MVC的例子。他們在Sencha網站here上的示例不是基於MVC的。ExtJS MVC的瀏覽器歷史記錄

另一個我發現here使用動態加載視圖和控制器。我想這個解決方案是兩種方法的組合。想知道是否有人有我可以參考的準備好的例子?

回答

0

我設法通過結合上述2個鏈接的方法來構建一個示例。下面是與分機JS腳本的jsfiddle:http://jsfiddle.net/chetanbaheti/zGXr6/3/

有2次(標籤) - 產品和供應商提供相應的歷史標記

DemoApp.view.HomeTab 
DemoApp.view.ProvidersTab 

每個選項卡都被其對應的控制器是負責創建管理視圖實例和註冊歷史令牌。

DemoApp.controller.HomeController 
//and its history token 
this.uiToken = 'MainTabPanel,HomeTab'; 

管理初始UI狀態的作業是由應用程序函數完成:

initializeHistoryHandling 
setUiState 

當改變關於選擇的選項卡(用戶操作)的歷史令牌的作業由主視圖進行控制器:

DemoApp.controller.ViewportController:onTabpanelTabChange 

這很好地管理基於url的ui狀態,反之亦然。