3、Ext JS开发入门与核心功能详解

Ext JS开发入门与核心功能详解

1. 开始使用Ext JS

在使用Ext JS进行网页开发时，会遇到一些与传统开发不同的情况。比如，在网页开发中不必再采用逐行编写的方式。Ext JS通过提供事件和处理程序，让我们可以将功能附加到这些事件上。例如，可以设置一个事件，等待网页的某些部分构建完成后再执行后续操作。

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

2. 本地化设置

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

本地化设置有三种场景及相应的处理方法：
- 仅使用英语 ：无需对标准设置进行修改，因为英语翻译已经包含在ext - all.js文件中。
- 使用非英语单一语言 ：需要从build/locale文件夹中引入相应的语言文件，并且该文件应在其他库文件之后引入。例如，引入西班牙语翻译的代码如下：

<link rel="stylesheet" type="text/css" 
   href="lib/extjs/resources/css/ext - all.css" />
<script src="lib/extjs/adapter/ext/ext - base.js"></script>