ExtJS3向ExtJS4迁移：关键调整与功能差异概述

在进行ExtJS3升级到ExtJS4的过程中，需要注意的重大变化和挑战包括： 1. **不兼容性**: ExtJS4引入了一套全新的系统架构，这意味着从ExtJS3版本的许多内置组件和API不再向前兼容。例如，ExtJS3中使用的框架组件多基于原生的表格控件，而在ExtJS4中，这些组件更多地转化为div元素，这可能导致原有的CSS样式失效。此外，Grid和Tree组件的实现被大幅度重构，使得许多属性发生了根本性改变。 2. **组件重构**: ExtJS4对核心组件如Grid、TabPanel、Window、Form、Chart、DataStores和BoxLayout等进行了简化和API调整。例如，`Ext.ux.PostStore`在ExtJS4中变成了一个定义明确的类，需要使用`Ext.define`来声明，并且动态类注册的方式也有所变化。开发者需要根据新规范修改这些组件的使用方法。 3. **记录定义的变更**: 在ExtJS4中，Record的概念被Model所取代，意味着之前的Record定义需要转换为Model的扩展。在ExtJS3中，记录定义如下： ``` var PostStatus = Ext.data.Record.create([ {name: 'uuid'}, {name: 'status', type: 'string'}, {name: 'done', type: 'boolean'}, {name: 'color', type: 'string'} ]); ``` 而在ExtJS4中，对应的Model定义应为： ``` Ext.define('PostStatus', { extend: 'Ext.data.Model', fields: [ {name: 'uuid'}, {name: 'status', type: 'string'}, {name: 'done', type: 'boolean'}, {name: 'color', type: 'string'} ] }); ``` 4. **缺失功能**: 从ExtJS3到ExtJS4，某些功能可能不再可用，如透视网格（Pivot Grid）和日历组件等。开发者在迁移过程中需要确认这些功能是否已被替代，或者寻找其他解决方案。 5. **API迁移**: 面对API的简化，虽然整体上更易理解和使用，但也意味着需要对原有的代码进行调整，确保正确地调用新的API接口。 升级ExtJS3到ExtJS4是一个涉及广泛代码调整的过程，不仅涉及到组件结构的调整，还需要对旧有的数据模型和API使用进行重新设计。尽管ExtJS4提供了许多改进，但大型项目的迁移可能会面临一些挑战。在迁移时，务必做好充分的规划和测试，以确保平稳过渡。