sencha觸摸更改工具欄與Ext.Carousel

Question

我有一個3件物品的旋轉木馬，我有1個工具欄。但是，如何根據旋轉木馬顯示哪個項目來更改工具欄的標題？例如：

var theCarousel = new Ext.Carousel({ 
       ui: 'dark', 
       direction: 'horizontal', 
       defaults: { cls: 'card', layout:'fit' }, 
       items: [ 
        { 
        html:'<b>I'm big</b>' 
        }, 
        { 
        html:'<i>I'm oblique</i>' 
        }, 
        { 
        html:'<u>I'm underlined</u>' 
        } 

}); 


var toolbar = new Ext.Toolbar({ 
          title: 'iToolbar' , 
          dock: 'top', 
          items:[ 
           { 
            text:'back', 
            ui:'back' 

           },{xtype: 'spacer'}, 
           { 
            text:'Help', 
            ui:'help' 
           } 

          ] 
       }); 

var panel = new Ext.Panel({ 
       fullscreen: true, 
       layout: { 
        type : 'fit', 
        align: 'top' 
       }, 
       defaults: { 
        flex: 1 
       }, 
       items: [ theCarousel ], 
       dockedItems: [ toolbar ] 
      }); 
    panel.show(); 

所以當我在該項目「我斜」我想要的工具欄，顯示「我斜」關於如何做到這一點 安妮思想的稱號？ Ty，已經！

Answer 1

當顯示每張新卡時，Ext.Carousel觸發cardSwitch事件。該事件的處理程序將接收新的卡組件作爲第二個參數。你可以做

panel.setTitle（newCard.getYourTitle（））;

在處理程序中。