<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="sdk-touch/resources/css/sencha-touch.css"/>
<link rel="stylesheet" href="resources/css/app.css"/>
<!--<script src="sdk-touch/sencha-touch.js"></script>-->
<script src="sdk-touch/sencha-touch-all.js"></script>
<!--其它两个（没有的all）的包页面加载很慢-->
<!--<script src="sdk-touch/sencha-touch-all-debug.js"></script>-->
<!--<script src="sdk-touch/sencha-touch-debug.js"></script>-->
<script>
Ext.application({
name:'App',
launch:function(){
var panel=Ext.create('Ext.Panel',{
id:'myPanel',
fullscreen: true,
html:'a simple panel'
});
var subPanel=Ext.create('Ext.Panel',{
id:'subPanel1',
fullscreen: true,
html:'面板中的子面板'
});
Ext.component.get('myPanel').add(subPanel);
Ext.viewport.add(panel);//没有面板套面板的效果
}
});
</script>
</head>
<body>
</body>
</html>
