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（））;

在处理程序中。