ExtJS 快速入门 - 如何 运行

Question

我已经开始学习 Ext JS，并立即在 their quick start 的第 1 步中跌跌撞撞。

我应该把那个 hello world 代码放在哪里才能在我的网页上看到结果，而不是他们的交互式演示？

我已经启动了本地网络服务器 运行，所以问题出在应用程序的文件布局中。

Answer 1

您在项目的根目录中创建一个 app.js 文件，然后将代码放在那里。在包含库脚本之后，您还应该将此文件包含在 index.html 文件中，如下所示：

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

基本上你首先加载 ExtJS 库文件，然后加载一个使用 ExtJS 执行某些操作的文件。

或者您可能不需要任何其他文件，只需以内联 javascript:

的形式将代码包含在 index.html 中（也在加载库之后）

<script type="text/javascript">
   Ext.application({
    name: 'MyApp',

    launch: function() {
        Ext.Viewport.add({
            xtype: 'panel',
            title: 'New Panel',
            html: 'My new panel!'
        });
    }
});
</script>