欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

sencha touch2学习笔记(五)----Carousel 可滑动换页

程序员文章站 2022-07-15 11:54:54
...

Carousel是一个可以滑动的组件,就如android的ViewFlipper。只是Carousel更好看。

代码如下:

 

Ext.application(
{
	name:"sencha",
	launch:function()
	{
		
		Ext.create(
		"Ext.Carousel",
		{
			fullscreen:true,
			direction: 'vertical',
			defaults: {
		        styleHtmlContent: true
		    },
			items:[
			{
				xtype:"list",
				items:[
				{
					xtype:"toolbar",
					dock:"top",
					title:"列表哦"
				}
				],
				store:
				{
					fields:["name"],
					data:[
					{name:"陈乃共"}
					]
				},
				itemTpl:'name'
				
			},
			{
				html:"html1",
				style:"background-color:#00FF00"
			},
			{
				html:"html1",
				style:"background-color:#0000FF"
			}
			]
		}
		)
		
	}
}
)