ID 또는 itemID로 TabPanel의 탭 가져 오기

Question

Tab with View with TabPanel이 있습니다. 이 Panel에서 Tab의 인스턴스를 가져오고 id 또는 itemId를 설정할 속성은 무엇입니까?

감사

openProjectMetaTab: function(project) { 
    var tabPanel = this.getTab(); 
    console.log(tabPanel); 
    var mpItemId = 'project-metaTab-' + project.get('id') 
    console.log('#'+mpItemId); 
    var metaPanel = tabPanel.getComponent(mpItemId); 
    console.log(metaPanel); 
    if(!metaPanel) { 
     tabPanel.add({ 
      title: project.get('title'), 
      closable: true, 
      items: [ 
       { 
        xtype: 'projectMetaForm', 
        itemId: mpItemId, 
       }, 
      ], 
     }).show(); 
    } 
} 

Answer 1

그런 식으로 전역 ID 속성 충돌에 대해 걱정할 필요가 없기 때문에 내가 itemId를 사용하는 것이 좋습니다 것입니다. 문서 별 :

당신은 다음 탭을 얻을 수 Ext.container.Container.getComponent을 사용할 수 있습니다

"해당 itemId 년대 컨테이너의 내부 MixedCollection에 인덱스이기 때문에, 항목 ID가 컨테이너에 로컬로 범위가". 여기

은 포스터에서 예입니다 업데이트 질문 :

이

openProjectMetaTab: function(project) { 
    var tabPanel = this.getTab(); 
    console.log(tabPanel); 
    var mpItemId = 'project-metaTab-' + project.get('id') 
    console.log('#'+mpItemId); 
    var metaPanel = tabPanel.getComponent(mpItemId); 
    console.log(metaPanel); 
    if(!metaPanel) { 
     tabPanel.add({ 
      title: project.get('title'), 
      closable: true, 
      xtype: 'projectMetaForm', 
      itemId: mpItemId 
     }).show(); 
    } 
}