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

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"
			}
			]
		}
		)
		
	}
}
)
 

你可能感兴趣的:(html5,css3,sencha touch2,Carousel)