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

Question

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

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

Answer 1

我设法通过结合上面2个链接的方法来组合一个例子。这是带有ext 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状态，反之亦然。