ExtJS4.0快速入门：动态创建window组件

"ExtJS4.0学习笔记大全"主要介绍了在ExtJS4版本中对窗口组件创建方法的更新以及如何利用新特性进行优化。在ExtJS4中，开发者不再需要一次性加载庞大的ext-all.js文件，而是可以采用更灵活的方式动态加载组件，这有助于提高页面性能。以下是关于创建Ext窗口的详细步骤和关键知识点： 1. Ext.create()方法：这是ExtJS4引入的一种新的组件创建方式，它简化了组件的初始化过程。通过`Ext.create('Ext.Window', {属性配置项})`的形式，可以直接创建并配置所需的窗口对象。这种方式允许按需加载特定组件，提高了资源管理效率。 2. 动态加载JS：为了减少页面负担，可以针对实际需要的组件动态加载相应的JavaScript文件，而不是一开始就加载整个ext-all.js。这样，当用户访问具有特定功能的部分时，只加载相关的库，从而加快页面加载速度。 3. 窗口实例：示例代码展示了如何创建两个窗口实例。首先，创建一个宽度为400px，高度为230px的窗口，设置了窗口相对于父窗口的偏移位置(x:10, y:10)，并设置了标题和窗口类型（plain，即无边框）以及标题位置（headerPosition: 'left'，表示标题位于窗口左侧）。 4. 配置选项：窗口实例的配置包括尺寸、位置、样式（如plain）以及组件的外观和行为设置，如标题和标题位置。`Ext.onReady()`函数确保在文档准备就绪后执行窗口的显示操作，提高了用户体验。 5. 多次创建：代码中还创建了第二个窗口实例，展示如何在同一页面上创建多个不同配置的窗口，以满足不同的需求。 6. 资源引用：HTML文件包含了必要的CSS和JavaScript引用，如ext-all.css、bootstrap.js以及locale文件，这些是ExtJS4运行的基础，需要确保正确加载。 本篇学习笔记详细讲解了如何在ExtJS4环境中高效地创建和管理窗口组件，这对于理解和使用该框架的开发者来说是十分重要的知识点。通过掌握这些内容，开发者能够更好地优化项目性能，并提升用户体验。