使用ExtJS MVC的浏览器历史记录

我正在寻找一个支持浏览器历史的ExtJs MVC示例。他们在Sencha站点上的示例不是基于MVC的

---

我发现的另一个使用动态加载的视图和控制器。我认为解决方案是两种方法的组合。想知道是否有人有现成的例子可供我参考？

我通过结合上面两个链接中的方法，成功地组合了一个例子。下面是带有ext js脚本的JSFIDLE：

有两个视图选项卡-主页和具有相应历史标记的提供程序

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状态，反之亦然