ExtJS快速入门 - 如何运行

问题描述：

我已经开始学习Ext JS，并立即偶然发现了第一步their quick start。ExtJS快速入门 - 如何运行

我应该在哪里放置hello世界代码来在我的网页中查看结果，而不是他们的交互式演示？

我有本地Web服务器启动并运行，所以问题是在应用程序的文件布局。

对于你应该使用煎茶Cmd的创建项目如果可能，应用程序。在你提供给Sencha Cmd命令行工具的应用程序工作目录中，你会发现你需要的所有东西，包括一个带有存储，视图等的示例应用程序 – Alexander

答

您在项目的根目录下创建一个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>

当我获得'TypeError：Ext.Viewport.add不是一个函数'在'index.html'文件中包含'app.js'。 –

如果我包含'ext-modern-all-debug.js'而不是'ext-all-debug.js'，我会得到'TypeError：Ext.Viewport is undefined'。 –

如果我遵循ExtJS文档（http://docs.sencha.com/extjs/6.2.0/modern/Ext.Viewport.html）中的示例，则会得到'TypeError：Ext.setup不是函数。真是一团糟。 –

ExtJS快速入门 - 如何运行

相关推荐