DataProxy字面解释就是数据代理,也可以理解为数据源,也即从哪儿或如何得到需要交给DataReader解析的数据。数据代理(源)基类由Ext.data.DataProxy定义,在DataProxy的基础,ExtJS提供了Ext.data.MemoryProxy、Ext.data.HttpProxy、Ext.data.ScriptTagProxy等三个分别用于从客户端内存数据、Ajax读取服务器端的数据及从跨域服务器中读取数据等三种实现。
比如像SimpleStore等存储器是直接从从客户端的内存数组中读取数据,此时就可以直接使用Ext.data.MemoryProxy,而大多数需要从服务器端加载的数据直接使用Ext.data.HttpProxy,HttpProxy直接使用Ext.Ajax加载服务器的数据,由于这种请求是不能跨域的,所以要要读取跨域服务器中的数据时就需要使用到Ext.data.ScriptTagProxy。
在实际应用中,除了基本的从内存中读取javascript数组对象,从服务器读取JSON数组,从服务器取xml文档等形式的数据外,有时候还需要使用其它的数据读取方式。比如熟悉EasyJWeb中远程Web脚本调用引擎或DWR等框架的都知道,通过这些框架我们可以直接在客户端使用javascript调用服务器端业务组件的方法,并把服务器端的结果返回到客户端,客户端得到的是一个javascript对象或数组。由于这种方式的调用是异步的,因此,相对来说有点特殊,即不能直接使用Ext.data.MemoryProxy,也不能直接使用Ext.data.HttpProxy,当然更不需要Ext.data.ScriptTagProxy,这时候就需要创建自定义的DataProxy及Store,然后使用这个自定义的Store来实现这种基于远程脚本调用引擎的框架得到数据。
分享到:
相关推荐
Ext数据模型中的Store是EXT框架中非常核心的一个概念,它是数据管理的主要接口,负责存储和管理数据集。Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据...
它是HttpProxy和ScriptTagProxy等代理类的基础,用于与后台进行异步数据交换。通过Connection,开发者可以更简单地配置和执行Ajax请求,包括设置请求头、超时时间、附加参数、请求方法等。 下面是一个使用Ext.data....
创建了一个名为`xmlStore`的数据存储,它使用了Ajax代理来请求指定URL(这里假设为`resource_getXml.action`)的数据。同时配置了XML数据读取器,用于解析返回的XML数据。 3. **检测加载状态**: ```javascript ...
教程可能包括如何创建EXT应用、定义组件、组织布局、使用数据存储(Store)与数据代理(Proxy)来处理服务器端数据,以及如何使用EXT的Ajax功能进行异步通信。通过这个教程,读者可以逐步了解EXT的开发流程和最佳...
在EXT JS这个强大的JavaScript框架中,数据存储是通过Store组件来完成的。Store负责管理和处理数据,包括加载、缓存、排序、过滤等操作。在处理大量数据时,分页功能显得尤为重要,它能有效提高网页性能,避免一次性...
EXT的Ajax请求可以与EXT的数据模型和数据代理结合,实现自动的数据序列化和反序列化,极大地简化了前后端数据交互的复杂性。 EXT2.0的源码结构清晰,遵循MVC(Model-View-Controller)设计模式,方便开发者理解和...
EXTJS 提供了Model(模型)、Store(数据存储)和Proxy(数据代理)等机制,来实现与服务器端的数据交互。在EXTJS 中,Model 用来定义数据结构,Store 用来管理数据集合,而Proxy 则作为连接Model 和服务器数据源的...
数据包包括了数据存储(Store)、模型(Model)、代理(Proxy)、记录(Record)等组件,方便数据的加载、保存、同步和验证。 7. **与Sencha Touch的共享(Shared with Sencha Touch)** Ext JS 4和Sencha Touch有...
EXT提供了强大的数据存储(Ext.data.Store)和数据代理(Ext.data.Proxy)机制,以及与之配套的表格(Ext.grid.Panel)和表单(Ext.form.Panel)组件,使得这些操作变得非常便捷。 1. 创建(Create):在EXT中,...
在登录场景中,当用户点击登录按钮后,EXT会将输入的用户名和密码封装成数据对象,通过数据代理发送到服务器进行验证。服务器返回验证结果后,EXT可以动态更新界面,显示登录成功或失败的信息。 EXT的布局管理器则...
3. **数据处理**:学习如何使用数据存储和数据代理,实现前端与后端的数据同步。 4. **性能优化**:在实战中注意性能优化的要点,例如减少不必要的DOM操作,合理使用数据缓存。 5. **响应式设计**:掌握EXT.js4.2...
Grid组件可以通过不同的数据代理(如`MemoryProxy`、`HttpProxy`)来获取数据。`HttpProxy`常用于从服务器获取数据,`JsonReader`用于解析JSON响应: ```javascript var store = new Ext.data.Store({ proxy: ...
在EXT2.0帮助文档中,你还会找到关于数据存储(Store)、数据代理(Proxy)、数据模型(Model)以及数据绑定(Data Binding)的详细信息。这些是EXT处理数据的核心机制,通过它们,EXT实现了与服务器的数据同步,...
3. **数据绑定**:讲解Ext的数据模型(Model)、数据存储(Store)和数据代理(Proxy),以及如何在组件和数据之间进行双向数据绑定。 4. **布局管理**:介绍Ext的布局方式,如Fit布局、Border布局、Form布局等,...
4. **EXT Data Package**:数据管理模块,包括数据存储(Store)、模型(Model)、代理(Proxy)和读者/写者(Reader/Writer),用于与服务器进行数据交换。 5. **EXT AJAX**:异步通信组件,用于与服务器进行JSON、...
在Web应用开发中,特别是涉及到复杂数据展示的应用场景中,`Ext TreeGrid`是一种非常实用且灵活的数据展示组件,它结合了树形结构与表格的形式来呈现数据,非常适合展示具有层次关系的数据集合。本文主要探讨如何...
- **Proxy**:代理数据源,可以是Ajax请求,也可以是本地存储或远程服务器。 5. **表格(Grids)** - **Ext.grid.GridPanel**: 显示二维数据的组件,支持排序、分页、行编辑等功能。 - **Ext.grid.ColumnModel**...
EXT的数据模型(Model)、数据存储(Store)和代理(Proxy)在这里将起到关键作用,它们负责与服务器进行数据交互。 通过这两个练习项目,学习者可以深入理解EXT JS的组件结构、数据绑定机制、事件处理以及如何构建...
开发者可以利用EXT JS提供的API与各种服务器端语言进行交互,比如使用EXT的数据代理(Data Proxy)与服务器端的API对接,实现数据的获取和更新。在JSP环境中,可以结合Servlet或者Spring MVC等技术;在ASP或ASP.NET...