onReady 외부의 extjs 요소에 액세스

Question

ExtJs를 사용하여 레이아웃을 만들었습니다. 왼쪽 메뉴와 기본 탭 패널로 구성되어 있습니다 (Ext.Viewport 내 Ext.tree.Panel 및 Ext.tab.Panel).

메뉴 요소를 클릭하면로드됩니다. (Ajax POST를 통해) 탭. 이것은 jQuery를 사용하여 만든다.

일단 특정 단추 (탭 안쪽)를 클릭하면 Ajax를 통해 더 많은 내용을로드해야합니다. 내 질문은 (PHP 기반 MVC를 사용하여 만든) 탭 범위에서 Ext 요소에 액세스하는 방법입니다. 당신이 ID로 Ext.tab.Panel을 구성한 경우 예를함으로써

은, 내가 할 수있는 방법이 같은 일이

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

Answer 1

? : (예 ID : 탭 패널) :

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

Ext.onReady 외부에서 tab = Ext.getCmp('tabPanel').getActiveTab()을 사용할 수 있습니다.

Ext.onReady는 범위를 적용하지 않고 ExtJS 라이브러리가로드를 완료 할 때까지 포함 된 js를로드하는 것을 지연합니다.

편집 : 그리고 물론 당신이 tab.title을 할 수 - 난 그냥 .title가 Ext.tab.Tab의 API의 문서에 속성으로 나열되지 않은 것으로 나타났습니다하지만 난 그것을 테스트하고 올바른 사용합니다.