在 onReady 之外访问 extjs 元素

【问题标题】：access extjs elements outside onReady在 onReady 之外访问 extjs 元素
【发布时间】：2012-01-02 01:42:22
【问题描述】：

我已经使用 ExtJs 创建了一个布局。它由左侧菜单和主选项卡式面板组成（我使用的主要组件是：Ext.Viewport 内的 Ext.tree.Panel 和 Ext.tab.Panel）

单击菜单元素后（通过 Ajax POST）将其加载到选项卡中。这是使用 jQuery 制作的。

单击某个按钮（选项卡内）后，我必须通过 Ajax 加载更多内容。我的问题是如何访问选项卡范围内的 Ext 元素（使用基于 PHP 的 MVC 创建）。

例如，我怎么能做这样的事情？：

var tab = mainPanel.getActiveTab();
alert('Current tab: ' + tab.title);

【问题讨论】：

【解决方案1】：

如果您为 Ext.tab.Panel 配置了一个 id（例如 id: tabPanel）：

{
region: 'center',
id: 'tabPanel',
xtype: 'tabpanel',
plugins: Ext.create('Ext.ux.TabReorderer')             
}

您可以在 Ext.onReady 之外使用tab = Ext.getCmp('tabPanel').getActiveTab()

Ext.onReady 不应用任何范围，它只是延迟加载它包含的 js，直到 ExtJS 库完成加载。

编辑： 然后你当然可以做 tab.title - 我只是注意到 .title 没有列为 Ext.tab.Tab API 文档中的属性，但我测试了它并且这是正确的用法。

【讨论】：