Sencha hello ext示例不起作用

时间:2014-05-22 15:05:58

标签: javascript html extjs

我正在尝试浏览Sencha文档并学习工具。但我似乎无法让hello工作。我创建了一个名为“helloext”的根目录。我有:index.html,app.js和一个ext-4文件夹(我从“Ext JS 4 SDK”解压缩)。

以下是文档的链接:http://docs-origin.sencha.com/extjs/4.2.1/#!/guide/getting_started

HTML:

<html>
<head>
    <title>Hello Ext</title>

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

Javascript:

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

1 个答案:

答案 0 :(得分:0)

您的代码似乎没有问题我已将其添加到JS Fiddle,请参阅此处jsfiddle.net/SHnKa/。 看起来您的服务器设置有问题,您是否尝试在本地实现此目的?