獲取title屬性在我的一個tabpanel

Question

我曾經在一個視圖中的一個tabpanel和一個tabpanel許多標籤，我想拿到冠軍的字符串中的控制器

我一個tabpanel代碼：

 { 
      xtype: 'tabpanel', 
      itemId: 'tabfirst', 
      flex: 1, 
      //activeItem: 1, 
      tabBar: { 
       layout: { 
        pack: 'center' 
       } 
      }, 
      items: [ 
       { 
        title: 'tab1',//---------i want get it's value tab1 
        xtype: 'list', 
        itemTpl: '{title}', 
        data: [ 
         {title : 'title1'}, 
         {title : 'title2'}, 
         {title : 'title3'} 
        ] 
       }, 
       { 
        title: 'tab2', 
        html: 'here second html2' 
       } 
      ] 
     } 

在控制器發射功能代碼

var moneytab = Ext.ComponentQuery.query('.makemoney #tabfirst')[0]; 
    console.log(moneytab.getItems().......how can i get the value of title........); 

上述getItems在我的鉻控制檯返回數組列表

我的頭銜是在陣列1在items.THX

Answer 1

您沒有查詢到標籤，但對一個tabpanel本身。您正在顯示的項目是tabpanel的項目，而不是該標籤。

{ 
    xtype: 'tabpanel', 
    itemId: 'myTabPanel', 
    flex: 1, 
    tabBar: { 
     layout: { 
      pack: 'center' 
     } 
    }, 
    items: [ 
     { 
      title: 'tab1', 
      xtype: 'list', 
      itemId: 'myFirstTab', 
      itemTpl: '{title}', 
      data: [ 
       {title : 'title1'}, 
       {title : 'title2'}, 
       {title : 'title3'} 
      ] 
     }, 
     { 
      title: 'tab2', 
      html: 'here second html2' 
     } 
    ] 
} 

var tabPanel = Ext.ComponentQuery.query('#myTabPanel')[0], 
    moneyTab = tabPanel.child('#myFirstTab'); 

console.log(moneyTab.getTitle()); 
moneyTab.setTitle('w00t'); 
console.log(moneyTab.getTitle());