ExtJS4学习笔记：创建Window组件

"这是一份关于ExtJS4学习的笔记，主要讲解了如何使用新的创建组件的方法Ext.create来创建窗口（Window）并介绍了动态加载JS以提高渲染效率。笔记中还提到了在某些浏览器中使用Ext.Window可能无法正确显示Window的问题，并提供了修正后的代码示例。" 在ExtJS4中，创建组件的方式发生了变化，引入了`Ext.create`方法。这个方法使得开发者能够更加灵活地创建和管理组件，同时也支持了动态加载JS文件，避免一次性加载整个库导致的性能问题。在之前的版本中，可能需要引入像`ext-all.js`这样的大文件，但在ExtJS4中，我们可以按需加载必要的组件类，提高了应用的启动速度。 在创建一个窗口（Window）时，以下是一些关键的配置项： 1. `width`和`height`：定义窗口的宽度和高度，例如`width: 400`和`height: 230`。 2. `x`和`y`：设置窗口相对于父容器的水平和垂直偏移量，如`x: 10`和`y: 10`，决定了窗口在屏幕上的初始位置。 3. `plain`: 这个属性用于设置窗口是否为简洁样式，`plain: true`表示窗口将没有边框和标题栏，但通常窗口会有标题和边框，如果希望去除这些元素，可以设置为`true`。 在提供的代码示例中，首先通过`Ext.require('Ext.window')`确保`Ext.window`模块被加载，这是创建窗口组件所需的基础。然后，`Ext.onReady`函数确保在DOM加载完成后再执行创建窗口的操作。接下来，`Ext.create`方法被用来创建一个窗口实例，传入组件类型（'Ext.Window'）和配置对象，包含了窗口的各种属性。 值得注意的是，原始代码中的`Ext.Window`在某些浏览器中可能导致问题，正确的写法应为`Ext.window.Window`。这是因为ExtJS4中，许多组件都放置在命名空间的子级，例如`Ext.window`，而不是直接在`Ext`下。 这份学习笔记强调了ExtJS4中创建组件的新方法和动态加载的重要性，以及在创建窗口时应注意的细节。这对于正在学习ExtJS4或者想要优化其应用性能的开发者来说是非常有价值的参考资料。