extjs“helloworld”的例子,不运行?

时间:2012-05-19 08:37:04

标签: html sencha-touch xampp extjs

根据this website中的示例,我按照步骤操作,但我在浏览器中没有得到任何输出。

如示例中所述,文件“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中运行此示例时,无法显示输出。

请指导我让这个小例子正确运行

1 个答案:

答案 0 :(得分: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.'
                }
            ]
        });
    }
});