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

Question

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

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

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

谢谢。

Answer 1

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

恢复您的 url

document.location.href

提取(由于拆分)您选择的选项卡并将其添加到静态变量中。

在 app.js 的启动函数中，通过

获取 tabPanel 对象

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

并像这样设置选择选项卡:

tabPanel.setActiveTab(tab);