在 Web 应用程序中包含 EXTJS 5 库

Question

我有 extjs 5，其中包含许多文件夹（.sencha、build、cmd、示例、许可证、覆盖、包、插件、src 和欢迎）。我想在 Web 应用程序中使用图表，所以我所做的是 copy/paste ext-all-debug.js 文件位于构建文件夹中。这让我有可能显示一个面板，但没有 css。所以我 copy/paste 我在 \ext-5.1.0\build\packages\ext-theme-neptune\build\resources 中找到的 css 个文件。所以面板显示正常 css.

然后我想使用图表，但是，由于我不明白的原因，ext-all-debug.js 文件中没有包含图表。所以我copy/paste"ext-charts-debug.js"。现在我能够显示简单的笛卡尔图表（其他图表不起作用），但它们的行为不正常（错误的轴，当它向右或向左锁定时图例总是在底部，等等）。我编写的用于显示图表的代码已经在 sencha fiddle 上进行了测试并且运行良好。

所以我的问题是：我应该在我的 web 应用程序 lib 文件夹中包含什么才能让我使用每个 sencha 组件（css）。非常感谢！

PS：这是我当前的 Web 应用程序库文件夹：

Answer 1

对于 ExtJS 5，您确实应该阅读有关 Sencha Command 的文档，这是迄今为止获取项目的最简单方法运行。

如果您真的想手动添加文件，请将 build 文件夹从 ExtJS 框架复制到您的项目文件夹，然后将其添加到您的 index.html：

<link rel="stylesheet" href="build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" />
<link rel="stylesheet" href="build/packages/sencha-charts/build/crisp/resources/sencha-charts-all.css" />
<script src="build/ext-all-debug.js"></script>
<script src="build/packages/sencha-charts/build/sencha-charts.js"></script>

您的 Sencha 图表未正确显示，因为您忘记为您的 sencha 图表主题添加 css。

PS：真的，真的阅读了 Sencha Command 上的文档。

在 Web 应用程序中包含 EXTJS 5 库

Include EXTJS 5 library in web application

extjs

web

include

extjs5