使用URL中的＃访问选项卡面板中的不同选项卡 - ExtJS

Question

我创建了一个简单的tabpanel，有3个标签。
创建页面时会显示第一个选项卡。
假设URL为/ welcome

我想知道是否可以将每个标签绑定到＃？
如果您点击第一个标签，则网址变为/ welcome＃1，/ welcome＃2如果您点击2，等等。
我认为这是可能的，因为我已经使用可以更新/销毁的区域执行此操作，但主要问题是如果您在URL中键入/ welcome＃3然后加载页面，将显示第一个选项卡，而不是第三。

有没有办法实现这个目标？

感谢。

Answer 1

在app.js的init函数中，您可以通过

恢复您的网址

document.location.href

提取（感谢分割）您选择的标签并将其添加到静态变种

在app.js的启动功能中，感谢

获取tabPanel对象

   var tabPanel =  Ext.ComponentQuery.query('#itemIdOfYourTabPanel')[0]

并像这样设置选择标签：

tabPanel.setActiveTab(tab);