сенсорная панель изменения сенча с Ext.Carousel - PullRequest
0 голосов
/ 23 ноября 2011

У меня есть карусель с 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();

поэтому, когда я нахожусь в пункте «Я косой», я хочу, чтобы заголовок панели инструментов показывал «Я косой». Любые идеи о том, как это сделать?Ты, уже!

1 Ответ

2 голосов
/ 24 ноября 2011

Когда раскрывается каждая новая карта, Ext.Carousel запускает событие cardSwitch. Обработчик этого события получит новый компонент карты в качестве второго параметра. Вы можете сделать

panel.setTitle (newCard.getYourTitle ());

в обработчике.

...