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

时间:2011-11-23 16:08:29

标签: sencha-touch extjs

我有一个带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,已经!

1 个答案:

答案 0 :(得分:2)

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

  

panel.setTitle(newCard.getYourTitle());

处理程序中的