访问onReady之外的extjs元素

Question

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

单击一个菜单元素后，它会在选项卡中加载（通过Ajax POST）。这是使用jQuery。

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

举个例子，我怎么能这样做？：

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

Answer 1

如果您已使用id（例如id：tabPanel）配置Ext.tab.Panel：

{
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文档中列为属性但是我测试了它，这是正确的用法。