3、Ext JS 入门与基础组件使用指南

Ext JS 入门与基础组件使用指南

1. 开始使用 Ext JS

在使用 Ext JS 进行网页开发时，会遇到一些与传统开发不同的情况。比如，它打破了逐行开发网页的传统方式，通过提供事件和处理程序，让开发者可以更灵活地构建功能。例如，我们可以设置一个事件，等待某个条件满足（如房子的墙建好）后，再执行后续操作（如盖上屋顶）。这种思维方式对于传统网页开发者来说可能有些困难，但经过实践，你很快就能熟练掌握。

此外，标准的 JavaScript 警报消息会暂停代码执行，可能导致意外结果。因此，建议使用 Ext 的 MessageBox 小部件，它不会暂停代码执行。

2. 本地化设置

Ext 对象可以以特定语言显示，目前有超过 40 种翻译版本。所有这些翻译都是由社区创建的，我们可以将所需的语言文件复制到 lib 文件夹中，这样在升级 Ext 库文件时，我们对语言文件所做的编辑和翻译不会被覆盖。

本地化设置有三种场景，需要不同的处理方法：
| 场景 | 处理方法 |
| ---- | ---- |
| 仅使用英语 | 无需对标准设置进行修改，因为英语翻译已经包含在 ext-all.js 文件中，也不需要额外包含文件。 |
| 使用非英语的单一语言 | 需要从 build/locale 文件夹中包含一个语言文件。该文件应在所有其他库文件之后包含，以覆盖英语文本字符串。例如，使用西班牙语翻译时：

<link rel="stylesheet