ExtJS 4.2 课程-01：Hello ExtJS

ExtJS 4.2 教程-01：Hello ExtJS

我们浏览一下网站：

在ASP.NET MVC 中使用ExtJS 4.2

由于我本人是做ASP.NET Web 开发的，所以我在本教程中使用 ASP.NET MVC 作为示例，开发工具自然是微软的Visual Studio 2012（你也可以在任意的Web页面中使用ExtJS，作为一个JS库，它不受Web 服务器端开发的限制）。

首先我们新建一个ASP.NET MVC 4 应用程序，名称为 SampleExtJS。

然后在项目中添加一个文件夹“Resources”，我们将项目中所有用到的js、css、image等资源文件都放在这个文件夹中。

在js目录中新建ExtJS_4.2文件夹，用来存放ExtJS 4.2 的相关资源：

如果将所有的文件都添加到项目中，很明显是有些庞大了，所以我们可以添加用到的内容，简化后的目录结构如下：

接下来我们要在layout.cshtml 页面中添加引用。在使用ExtJS的时候，我们必须要引用脚本和样式两部分。脚本的内容可以通过bootstrap.js来自动添加，而样式则需要我们手动的来添加了，例如我们要在项目中使用neptune样式（neptune 是在4.2中新增的样式，看上去比较现代一些，但不支持IE6），那么我们需要引入的文件如下：

完整的Layout代码如下：
Hello ExtJS
在引入文件后，我们要测试一下ExtJS 是否正常的工作了。在Views>Home>Index.cshtml中，我们为script 节添加内容：
本地化ExtJS
在我们保留的ExtJS文件中，有一个locale目录，我们保留了其中的 ext-lang-zh_CN.js 文件，这个文件是我们汉语的本地化文件，我们只需要添加该文件的引用，就能够轻松的实现ExtJS的本地化：
刚才的OK 现在变成了“确定”。