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

Question

我有extjs 5，其中包含许多文件夹（.sencha，build，cmd，examples，license，overrides，packages，plugins，src和welcome）。我想在Web应用程序中使用图表，所以我做的是复制/粘贴build文件夹中的ext-all-debug.js文件。这让我有可能展示一个面板，但没有css。所以我复制/粘贴我在\ ext-5.1.0 \ build \ packages \ ext-theme-neptune \ build \ resources中找到的css文件。因此面板显示正常css。

然后我想使用图表，但是，由于一个我不明白的原因，图表不包含在ext-all-debug.js文件中。所以我复制/粘贴＆＃34; ext-charts-debug.js＆＃34;。现在我能够显示简单的笛卡尔图表（其他图片不起作用），但是它们的行为不正常（错误的轴，图例在向右或向左锁定时总是在底部等）。我写的用于显示图表的代码已在sencha小提琴上进行了测试，并且工作正常。

所以我的问题是：我应该在我的Web应用程序li​​b文件夹中包含什么内容让我使用每个sencha组件（使用css）。非常感谢！

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

Answer 1

对于ExtJS 5，你真的应该阅读有关Sencha Command的文档，它是迄今为止让项目运行的最简单方法。

如果您确实想手动添加文件，请将build文件夹从ExtJS Framework复制到项目的文件夹中，然后将其添加到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的文档。