如何在Eclipse的Apatana插件中构建ExtJS项目

时间:2011-10-24 12:54:05

标签: javascript eclipse extjs aptana

民间,

我是ExtJS的新手。我使用Aptana插件制作ExtJS应用程序,但无论如何都无法运行它。我有一个如下所示的项目结构,我在尝试运行一个简单的 HelloWorld 示例。

helloWorld.js - JavaScript文件,我正在编写ExtJS代码。

index.html - 用于运行应用程序的HTML页面。

enter image description here

这个项目目录是否正确?为什么我无法运行该应用程序?

helloWorld.js:

function buildWindow() {
        var win = new Ext.Window({
            id : 'myWindow',
            title : ' My first Ext JS Window',
            width : 300,
            height : 150,
            layout : 'fit',
            autoLoad : {
                url : 'sayHi.html',
                scripts : true
            }
        });
        win.show();
    }
Ext.onReady(buildWindow); 

index.html:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title id='title'>HTML Page setup Tutorial</title>

        <!-- ** CSS ** -->
        <!-- base library -->
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

        <!-- overrides to base library -->


        <!-- ** Javascript ** -->
        <!-- ExtJS library: base/adapter -->
        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
        <!-- ExtJS library: all widgets -->
        <script type="text/javascript" src="../../ext-all-debug.js"></script>


        <!-- overrides to library -->

        <!-- extensions -->

        <!-- page specific -->

        <script type="text/javascript" src="../helloWorld.js">
        </script>

    </head>
    <body>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

看起来你错误地加载了helloWorld.js.

替换这些:

<script type="text/javascript" src="../helloWorld.js">
</script>

To This:

<script type="text/javascript" src="helloWorld.js"></script>

您的helloWorld.jsindex.html一致,而非一个级别

(我无法判断你是否正确加载了库。它在文件夹结构中不可见)