ExtJS快速入门 - 如何运行

时间:2017-09-14 08:51:20

标签: extjs extjs6

我已经开始学习Ext JS,并立即偶然发现了their quick start的第一步。

我应该将hello world代码放在哪里以查看我的网页中的结果,而不是他们的交互式演示?

我已启动并运行本地Web服务器,因此问题出在应用程序的文件布局中。

1 个答案:

答案 0 :(得分: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>