sencha > 学习一

** tab.Panel

//<debug>
Ext.Loader.setPath({
    'Ext': '../src'
});
//</debug>

/**
 * This is a simple demo of the TabPanel component in Sencha Touch.
 *
 * This is similar to the other tabs example, only the tabbar is docked to the bottom.
 */
Ext.application({
	name: 'Sencha',
	launch: function(){
		Ext.create("Ext.tab.Panel",{
			fullscreen:true,
				tabBarPosition:'bottom',
				items:[
					{
						title: 'Home',
						iconCls: 'home',
						html:[
							'<img src="http://staging.sencha.com/img/sencha.png" />',
							'<h1>Welcome to Sencha Touch</h1>',
							"<p>You're creating the Getting Started app. This demonstrates how ",
							"to use tabs, lists, and forms to create a simple app</p>",
							'<h2>Sencha Touch</h2>'	
						].join("")
					},
					{
						title: 'Tab2',
						iconCls: 'home',
						html:[
							'Tab2'
						].join("")
					},
					{
						title: 'Tab3',
						iconCls: 'home',
						html:[
							'Tab3'
						].join("")
					}
				]
		});
	}
});

登陆 https://build.phonegap.com/apps/  上传压缩包并生成app