탭 패널 탭에 클래스 값을 추가해야합니다.

Question

테스트 자동화 목적으로 탭 패널의 실제 탭에 클래스 (cls) 값을 추가해야합니다.

는 I는이 해결한다고 가정한다 :

component1.title = "1"; 
component2.title = "2"; 
component3.title = "3"; 

component1.cls = "1"; 
component2.cls = "2"; 
component3.cls = "3"; 

var v = Ext.create('Ext.tab.Panel',{ 
    items: [ 
     component1, 
     component2, 
     component3, 
    ] 
}); 

그러나 component.cls = "1" 단지 탭 패널 본체 요소에 클래스 값을 더 이상하지 실제 탭.

편집 : 아래 정답. 내 문제에 대한 답변을 적용하려면, 그래서처럼 내 구성 요소에 tabConfig 추가 :

component1.title = "1"; 
component1.cls = "1"; 
component1.tabConfig = { 
    cls: 'foo' 
} 

Ext.create('Ext.tab.Panel',{ 
    items: [ 
     component1 
    ] 
}); 

Answer 1

사용 :

new Ext.tab.Panel({ 
    items: [{ 
     title: 'Foo', 
     tabConfig: { 
      cls: 'foo' 
     } 
    }] 
}); 

문서 : http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.tab.Panel

을