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