在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

使用cardswitch事件：

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