carousel.destory() fires activeitemchange event

[vvatikiotis]

How can I prevent the activeitemchange event from firing when I destroy a carousel component?

[mitchellsimoens]

The reason this is happening is the Carousel has code that when an item is removed that is active it will make the previous item active which is then firing the activeitemchange. You could suspend events to stop the event from being thrown:

new Ext.carousel.Carousel({
    fullscreen : true,
    items      : [
        {
            html : 'One'
        },
        {
            html  : 'Two',
            items : [
                {
                    xtype  : 'toolbar',
                    docked : 'top',
                    items  : [
                        {
                            text    : 'Destroy Carousel',
                            handler : function (button) {
                                var carousel = button.up('carousel');

                                carousel.suspendEvents();
                                carousel.destroy();
                            }
                        }
                    ]
                }
            ]
        }
    ],
    listeners  : {
        activeitemchange : function() {
            console.log('activeitemchange');
        }
    }
});

[vvatikiotis]

"i

t will make the previous item active which is then firing the activeitemchange"

does this apply when the last carousel item gets deleted?