你的位置:首页 > Java教程

[Java教程]JavaScript开发之路01(初识Sencha Touch框架)


刚开始学习JS框架SenchaTouch就被简单的文件显示打蒙了,我去!我看的书是SenchaTouch权威指南,上面的第一个例子是这样写的:
Ext.application({
name:'WebContent',
icon:'images/icon.png',
glossOnIcon:false,
phoneStartupScreen:'images/phone_startup.png',
tabletStartupScreen:'images/tablet_startup.png',
launch:function(){
var panel=Ext.create('Ext.Panel',{
fullscreen:true,
id:'mypanel',
width:'100%',
style:'color:red',
html:'hello sencha touch-2.4.2!'
});
}
});
Ext.Viewport.add(panel);
似乎没有感觉到有错误,结果是在浏览器上演示效果时什么都出不来,好吧,我也是醉了!想想自己是不是哪里写错了,又检查了好几遍,发现还是和书上的一模一
样,那问题出在哪里了?

 

在我进行了多次尝试之后发现原来是下面这样的写法才能是正确的呦...
Ext.application(
{name:'WebContent',
icon:'images/icon.png',
glossOnIcon:false,
phoneStartupScreen:'images/phone_startup.png',
tabletStartupScreen:'images/tablet_startup.png',
launch:function(){
var panel=Ext.create('Ext.Panel',
{
fullscreen:true,
id:'mypanel',
width:'100%',
style:'color:red',
html:'hello sencha touch-2.4.2!'
}
);
Ext.Viewport.add(panel);
各位看官朋友看看哪里不同,找不同吧!找到之后我们是不是该呵呵了,这就是JS(本人以前开发用过Java,C,PHP)还是晚节不保了。。。