вызвать функцию, которая запускается при изменении страницы карусели в Sencha Touch

Question

Я не уверен, сколько людей здесь использовали библиотеку Sencha Touch js, но у меня есть вопрос, который ДОЛЖЕН быть простым, несмотря на мои многочисленные попытки и неудачи.По сути, у меня есть карусель, которая просматривает результаты, когда вы проводите пальцем, и я хочу запускать функцию каждый раз, когда отображается новая страница.Я попытался добавить слушателя к этому, и по некоторым причинам это не работает.Примерно так:

var apCarousel = new Ext.Carousel({
            direction: 'horizontal',
            activeItem: 0,
            ui: 'dark',
            itemId  :   "apCarousel",
            items: pageItems,
            listeners   :   {
                click   :   {
                    element :   this,
                    fn  :   function(){alert('yo!');}
                }
            }
        });

Любая помощь будет принята с благодарностью.Спасибо.

Answer 1

Используйте событие переключения карт:

Ext.setup({
    onReady: function(){
        new Ext.Carousel({
            fullscreen: true,
            listeners: {
                cardswitch: function(container, newCard, oldCard, index){
                    console.log(container, newCard, oldCard, index);
                }
            },
            items: [{
                html: 'a'
            },{
                html: 'b'
            },{
                html: 'c'
            }]
        });
    }
});

Answer 2

У меня была такая же проблема, попробуйте добавить слушателя как:

listeners: {
             cardswitch:
             {
                fn: function()
                {
                  alert(this.getActiveIndex() );
                }
              },
             }