2012-05-19 42 views
1

根据this website中的示例,我遵循了这些步骤,但我没有在浏览器中获得任何输出。extjs“helloworld”示例,不运行?

如示例中所述,文件 “的index.html” 应该是在以下路径

'd:\ XAMPP \ htdocs中\ helloext \ extjs的\ index.html的'

和它的” index.html“的内容如下:

<html> 
<head> 
    <title>Hello Ext</title> 
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> 
    <script type="text/javascript" src="extjs/ext-debug.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
</head> 
<body></body> 
</html> 

当我在Chrome或FireFox中运行这个例子,但是,没有输出显示。

请指引我有这个samll例如运行正确

+0

更多信息需要。 app.js的内容是什么?你看到任何错误? – RoccoC5

+0

实际上在D:\ xampp \ htdocs \ helloext \ extjs里面没有这样的文件名为app.js – Amr

+0

你能告诉我应该怎么知道是否有错误?浏览器只是显示白页....对不起,我是这个extjs的新手,我昨天刚刚开始 – Amr

回答

1

你按照说明在2.1节(应用程序结构)的结束?您需要创建app.js文件:

现在您已准备好编写应用程序代码。打开app.js和 插入下面的JavaScript代码:

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
     Ext.create('Ext.container.Viewport', { 
      layout: 'fit', 
      items: [ 
       { 
        title: 'Hello Ext', 
        html : 'Hello! Welcome to Ext JS.' 
       } 
      ] 
     }); 
    } 
}); 
+0

应app.js jsut包含您发布的代码? – Amr

+0

现在,index.html juat包含我发布的代码AND app.js只包含您发布的代码,并且这两个文件都位于D:\ xampp \ htdocs \ helloext \ extjs \中但我不知道为什么在我的TYPE列中windows,index.html是FireFox的html文件类型? – Amr

+0

好吧,Firefox可能被设置为打开HTML文件的默认应用程序。 – RoccoC5