Ext.js数据存储与传输详解

"extjs数据存储与传输" 在EXTJS中，数据存储与传输是核心功能之一，用于在前端和后端之间交换数据。本资料文档主要涵盖了EXTJS中与数据处理相关的组件和技术，包括数据存储（Store）、数据连接（Connection）、记录（Record）以及数据代理（Proxy）和读取器（Reader）等。 1. Ext.data简介 EXTJS的数据模块（Ext.data）提供了一整套机制来管理、存储和传输数据。它包括各种类型的Store、Reader和Proxy，支持多种数据格式如Array、JSON和XML。EXTJS的数据系统具有异步加载、数据类型转换和分页等功能。通过Memory、HTTP和ScriptTag等不同的Proxy，EXTJS可以灵活地处理不同类型的数据源。此外，EXTJS还支持与Direct Web Remoting (DWR) 的集成，使得EXT组件可以直接从DWR获取数据。 2. Ext.data.Connection EXTJS的数据连接（Ext.data.Connection）是基于Ext.lib.Ajax的封装，它简化了与服务器的异步通信。Connection对象提供了一种配置Ajax请求的方法，同时具备防止自动中止请求（autoAbort）、设置默认请求头（defaultHeaders）、禁用缓存（disableCaching）、添加额外参数（extraParams）、指定请求方法（method）和超时时间（timeout）等选项。例如，以下代码创建了一个新的Connection实例，用于与服务器进行通信： ```javascript var conn = new Ext.data.Connection({ autoAbort: false, defaultHeaders: { referer: 'http://localhost:8080/' }, disableCaching: false, extraParams: { name: 'name' }, method: 'GET', timeout: 300, url: '01-01.txt' }); ``` 3. Ext.data.Record Record是EXTJS中的数据模型，代表单个数据实体。它包含了字段（fields）和值（values），并提供了一种组织和操作数据的方式。Records常用于与Store配合，存储和展示数据。 4. Ext.data.Store Store是EXTJS中用于管理数据集合的类，它可以加载和存储Record对象。Store支持动态加载、分页和事件处理。Store与不同类型的Proxy和Reader结合，可以从服务器获取数据，然后将数据转化为Record对象供组件使用，如Grid和ComboBox。 5. 常用Proxy - HttpProxy：通过HTTP协议发送Ajax请求获取数据。 - ScriptTagProxy：用于脚本注入方式（Script Tag）获取数据，常见于JSONP（JSON with Padding）场景。 - MemoryProxy：本地存储数据，不涉及服务器通信。 6. 常用Reader - JsonReader：解析JSON格式的响应数据。 - XmlReader：解析XML格式的响应数据。 - ArrayReader：处理数组形式的数据。 7. 高级Store功能 EXTJS的Store还支持高级特性，如远程排序（remoteSort）、远程过滤（remoteFilter）以及对DWR的支持，使得EXTJS能够适应各种复杂的数据应用场景。 8. EXT中的Ajax EXTJS内建的Ajax功能允许开发者直接发送Ajax请求，与服务器进行数据交互。而通过Ext.data.Connection，这些操作变得更加便捷和统一。 9. 关于scope和createDelegate() 在EXTJS中，scope通常指的是函数执行时的上下文对象，而createDelegate()是EXTJS提供的一个方法，用于创建一个新函数，该函数在指定的scope下执行，保持原有函数的行为。 10. DWR与EXT整合 DWR是一种在浏览器端与Java后端进行直接通信的技术，EXTJS通过DWRProxy实现了与DWR的集成，允许EXT组件直接从DWR服务获取数据，实现无刷新的数据交互。 总结来说，EXTJS的数据存储与传输机制是其强大功能的基础，它通过灵活的Store、Connection、Record、Proxy和Reader等组件，构建了一个完整的数据管理框架，使得开发者能轻松地处理前后端的数据交互。