首页 > 其他 > 详细

sencha touch笔记——Carousel组件自动滚动实现及代码

时间:2014-02-28 16:02:22      阅读:517      评论:0      收藏:0      [点我收藏+]

carousel组件可以实现走马灯的效果。有的时候需要实现自动轮播的功能。

查看carousel组件的api,有next()函数

) : Ext.carousel.CarouselCHAINABLE

Switches to the next card.

再借用setInterval函数,从而实现自动轮播的效果,实现代码如下:

setInterval(function(){
	myCrousel = Ext.ComponentQuery.query(‘carousel‘)[0];
        myCrousel.next();
        if (myCrousel.getActiveIndex() === myCrousel.getMaxItemIndex()) {  
        	myCrousel.setActiveItem(0);  
        }  
}, 3000);

其中的if判断语句当判断到达走马灯最后一张时自动切换到第一张。

sencha touch笔记——Carousel组件自动滚动实现及代码,布布扣,bubuko.com

sencha touch笔记——Carousel组件自动滚动实现及代码

原文:http://blog.csdn.net/minedayu/article/details/20074175

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!