具体html代码
<!DOCTYPE html>
<html>
<head>
<title>一个简单的示例面板</title>
<link rel="stylesheet" href="sencha-touch.css" type="text/css">
<script type="text/javascript" src="../sencha-touch-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
</body>
</html>
具体app.js代码
Ext.application({
name: 'MyApp',
icon: 'images/icon.png',
glossOnIcon:false,
phoneStartupScreen: 'images/phone_startup.png',
tableStartupScreen: 'images/tablet_startup.png',
launch: function(){
var panel = Ext.create('Ext.Panel',{
fullscreen:true,
id:'myPanel',
style:'color:red',
html:'一个简单的示例面板'
});
Ext.Viewport.add(panel);
}
});
经过反复的测试,我把src文件夹和sencha-touch-debug.js代码都复制过来啦,进过测试,主要是新建面板出现了问题,请大神帮助一下
在html中添加这一行
<script type="text/javascript" src="../sencha-touch-all-debug.js"></script>
记得把这个放在这个文件夹下