sencha touch 列表增加图片新闻

最新推荐文章于 2019-09-25 04:46:25 发布

原创最新推荐文章于 2019-09-25 04:46:25 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sencha touch

sencha touch 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用 Ext.Carousel 控件实现顶部滚动显示图片新闻的效果，通过 scrollDock 和 docked 属性配置，使图片新闻浮动在列表首部并随滚动条一起滚动。

var topNews = Ext.create('Ext.Carousel', {
	height : 70,
	scrollDock: 'top',
	docked : 'top',
	defaults: {
		backgroundCls : 'x-img-background topnews-carousel-item-img'
	},
	items: [
		{
			xtype: 'image',
			src: 'http://pic.pedaily.cn/201503/20150313@75495.jpg'
		},
		{
			xtype: 'image',
			src: 'http://pic.pedaily.cn/201412/20141205@62881.jpg'
		}
	]
});

this.eventList.add(topNews);

通过scrollDock: 'top' docked : 'top' 两个属性配置，使图片新闻浮动在list首部并随list滚动条一同滚动。

原文摘自：http://www.cnblogs.com/mlzs/p/3580315.html