Extjs4.0入门示例：窗体、重写、自动属性与动态加载

本资源是一份关于ExtJS 4.0的入门教程范例，详细介绍了如何使用该框架创建窗口、重写父类功能、利用自动setter和getter以及动态类加载等核心概念。以下是每个知识点的详细解释： 1. 创建窗口： 在`Ext.onReady`函数中，首先定义了一个名为`MyApp.MyWindow`的窗体组件，它继承自`Ext.Window`。组件的构造函数`initComponent`设置了窗口的基本属性，如标题（'welcome!'）和一个文本输入框（`textfield`），用于输入用户姓名。通过`Ext.create`方法实例化这个窗口并显示出来。 2. 重写父类功能： `MyApp.mixins.log`是一个自定义混合器，它定义了一个名为`startLogging`的方法。在`MyApp.MyWindow2`中，通过`mixins`属性引入了这个混合器，并重写了父类的功能，实现了`startLogging`方法的调用。 3. 自动setter和getter： `MyApp.MyWindow3`组件展示了如何使用配置项和自动setter和getter。`config`对象中的`title`属性是可配置的，`applyTitle`方法会在设置新标题时进行处理，将原值与新值合并（如：`this.title='修改为'+newTitle;`）。通过`Ext.create`创建组件后，可以直接调用`applyTitle`方法改变窗口标题，而无需显式地设置属性。 4. 动态类加载： 在最后的部分，`Ext.require`方法用于动态加载指定的类（在这个例子中是`Ext.Window`）。当这段代码执行时，它会确保`Ext.Window`已经被加载，并创建一个新的窗口实例`win4`，设置了标题为'"..."'（这部分的字符串被省略了，但表明可以传递任何自定义标题）。 通过这些示例，学习者可以理解如何使用ExtJS 4.0的基本组件、面向对象编程、混入（mixin）机制以及动态类加载，这些都是构建富客户端应用的基础。熟练掌握这些概念将有助于开发者更有效地开发和管理复杂的前端界面。