使用Ext.Carousel的sencha touch更改工具栏

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();

所以，当我在项目'我倾斜'时，我希望工具栏的标题显示'我倾斜' 关于如何做到这一点的Anny想法？ Ty，已经！

Answer 1

当每张新卡显示时，Ext.Carousel会触发cardSwitch个事件。此事件的处理程序将接收新卡组件作为第二个参数。你可以做到

  

panel.setTitle（newCard.getYourTitle（））;

处理程序中的

。