ExtJS MVC的浏览器历史记录

Question

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

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

Answer 1

我设法通过结合上述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状态，反之亦然。