Все события перестают отвечать при изменении названия панели инструментов

Question

У меня есть панель с панелью инструментов и каруселью (с динамическим созданием нескольких карт)

Я создал событие, которое запускается на каждом переключателе карт, вот код:

var myCarousel = [{
            xtype: 'carousel',
              cls: 'card',
              listeners: {
                    cardswitch: function(container, newCard, oldCard, index){

                    //Here goes code of the event
                }
            },
            items: cards 
}];

если внутри функции переключения карт я меняю название панели инструментов, все события перестают работать, я не могу менять карты или переходить внутрь содержимого карты при нажатии.

Я попытался запустить предупреждение внутри переключателя карт, и приложение продолжает работать нормально, и предупреждение отображается нормально, но когда я меняю кнопку на панели инструментов, возникает проблема, поэтому я думаю, что функция переключения карт не является проблемой,Должен ли я сделать что-то еще после обновления заголовка?

Answer 1

Устранена проблема:

Решено добавлением панели инструментов в качестве закрепленного элемента карусели вместо использования в качестве закрепленного элемента в контейнере, содержащем карусель.*

      this.myCarousel = [{
            xtype: 'carousel',
              cls: 'card',
              listeners: {
                    cardswitch: function(container, newCard, oldCard, index){
                    this.dockedItems.items[0].setTitle(newCard.myName);
                }
            },
            items: cards,
            dockedItems: [{
                 xtype: 'toolbar',
                 dock: 'top',
                 title: "A title",
                 items: []
            }]
}];

Так что теперь, когда я провожу пальцем, мне присваивается "myName" в заголовке панели инструментов