carousel组件可以实现走马灯的效果。有的时候需要实现自动轮播的功能。
查看carousel组件的api,有next()函数
Switches to the next card.
setInterval(function(){
myCrousel = Ext.ComponentQuery.query('carousel')[0];
myCrousel.next();
if (myCrousel.getActiveIndex() === myCrousel.getMaxItemIndex()) {
myCrousel.setActiveItem(0);
}
}, 3000);
其中的if判断语句当判断到达走马灯最后一张时自动切换到第一张。