Javascript 使用URL-ExtJS中的#访问tabpanel中的不同选项卡

我创建了一个简单的选项卡面板，有3个选项卡
创建页面时将显示第一个选项卡。
假设URL是/welcome

我想知道是否可以将每个选项卡绑定到一个#？
如果单击第一个选项卡，url将变为/welcome#1；如果单击第二个选项卡，url将变为/welcome#2，以此类推。
我认为这是可能的，因为我已经对可能更新/销毁的区域进行了此操作，但主要问题是如果在URL中键入/welcome#3，然后加载页面，将显示第一个选项卡，而不是第三个选项卡。

有没有办法做到这一点

---

谢谢。

在app.js的init函数中，由于

document.location.href

提取（由于拆分）所选选项卡并将其添加到静态变量

在app.js的启动功能中，通过

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

并按如下方式设置“选择”选项卡：

tabPanel.setActiveTab(tab);