`
luhannaeyext
  • 浏览: 4240 次
文章分类
社区版块
存档分类
最新评论

分享 extjs中的store ,reader,proxy各自关系

 
阅读更多
1. store 是一个存储 Ext.data.Record的容器,proxy的任务是获取数据,reader是从特定格式,生成 Record
2. store总是维护一个 proxy属性,如果没有显式指定proxy,但指定了url属性,会自动转换成 httpproxy
3. 记录类,recordType,记录字段列表
4. auto属性,将自动加载
5. store的事件: datachanged,metachange,add,remove,update,clear,beforeload,load,loadexception
6. store的方法:
    add : function(records){
    remove : function(record){
    removeAll : function(){
    insert : function(index, records){
    indexOf : function(record){
    getAt : function(index){
    getRange : function(start, end){
    storeOptions : function(o){
    load : function(options){
    reload : function(options){
    loadRecords : function(o, options, success){
    loadData : function(o, append){
    getCount : function(){
    getTotalCount : function(){...


7. jsonstore 的reader是 jsonreader, 并需要指定 root,如下所示:
    url: 'getUsers.jsp',
    root: 'rows',
    fields: ['name', 'age',...
8. simplestore,默认指定arrayreader为reader, fields,作为字段列表,不需要指定 root,本人以为称作 arraystore意义上更对称
   fields: ["id", "name"],
   data: [[0, "年报"], [1, "半年报"], [2, "季报"], [3, "月报"], [5, "日报"]]

9. 所有reader ,重载 readRecords方法
10. jsonreader 将读入的原始数据,放在 jsonData属性中,这很好,可以从后台传来一些附加信息,然后,用js读取,如:
    jsonstore.reader.jsonData.XXX
11. store 如果指定 {data:...} 调用store.loadData方法, 如果用 httpproxy则调用 store.loadRecords ,不会调用.  参照 store.load()方法:
复制内容到剪贴板
代码:
load:function(){
...
this.proxy.load(p, this.reader, this.loadRecords, this, options);
...
}
分享到:
评论

相关推荐

    ExtJs中Store加载(load)时候提示信息

    以下是对如何在ExtJS中实现Store加载时显示提示信息的详细解析。 ### Store加载时显示提示信息 在ExtJS中,`Store`对象负责从服务器获取数据并存储到客户端,供应用程序使用。为了在加载数据时给用户提供反馈,...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    extjs4中文视频下载地址

    - **Proxy 原理**:Proxy 在 ExtJS 4.0 中扮演着数据传输者的角色,负责数据的读取和存储。 - **代理类型**:包括内存代理(Memory)、AJAX 代理(Ajax)、REST 代理(Rest)等多种类型,每种代理适用于不同的场景。...

    EXTJS 折线 chart action 代码示例

    通过理解EXTJS的store、proxy、model和chart组件,你可以灵活地实现与后端服务的交互,展示各种复杂的数据可视化效果。EXTJS的强大在于其丰富的API和组件库,允许开发者构建功能强大的Web应用程序。

    Extjs4 关于Store的一些操作(加载/回调/添加)

    在EXTJS4中,Store是数据管理的核心组件,它负责管理数据集,包括加载、更新和缓存数据。本文将详细讲解如何处理Store的加载、回调以及如何在两个Store之间添加符合条件的记录。 1. **加载与回调问题** EXTJS4的...

    Extjs3.2中文帮助手册

    6. **Ajax和数据交换**:手册会讲解如何使用Ajax进行异步通信,以及如何使用Proxy和Reader/Writer与服务器端进行数据交换。 7. **工具栏和菜单**:ExtJS提供工具栏和菜单组件,便于创建功能丰富的控制区。手册会...

    extjs 简单分页例子

    总结起来,EXTJS的分页功能通过Grid组件、Store和Proxy的配合,实现了前端与后端的数据交互。在前端,我们配置Grid和Store来展示分页数据,而在后端,我们编写接口来处理分页请求并返回响应。这是一个基本的EXTJS...

    EXTJS4.0视频教程配套代码

    第十二讲:extjs4.0的MVC重构十一讲中的grid(中) 第十三讲:extjs4.0的高级组建grid(下)列模式 第十四讲:extjs4.0的高级组件grid补充01选择模式selection和表格特性feature 第十五讲:extjs4.0的高级组件grid...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`...理解这两个组件的工作原理和如何利用`Store`、`Ajax`、`TreeStore`进行数据加载,是EXTJS开发中的重要技能。同时,结合源码阅读和适当的工具使用,可以更好地掌握EXTJS的应用。

    Extjs之旅-combox之远程加载数据

    在Combox中,我们通常会配置一个与服务器交互的Store,并设置它的proxy属性为AjaxSource,这样每次用户在输入框中输入内容时,Store都会自动发送一个Ajax请求,请求参数通常是用户输入的关键词。 配置远程加载的...

    php+extjs+grid实时显示更新数据

    在实时数据展示中,我们需要利用EXTJS的Store和AjaxProxy来实现数据的实时更新。Store是EXTJS用来存储数据的容器,而AjaxProxy则负责与服务器进行异步通信。 创建一个EXTJS的Grid实例时,需要配置Store的proxy属性...

    Extjs TreeStore+pagingToolbar 分页

    要在TreeStore中实现分页,我们需要在TreeStore的proxy中配置`pageSize`属性,指定每页显示的节点数量。同时,proxy还需要设置为` Buffered`模式,以便实现分页加载。例如: ```javascript var treeStore = new ...

    免费 Extjs4.0教程视频

    #### 第五讲:Extjs 4.0的读写器—Reader/Writer - **读写器(Reader/Writer)**: - Reader负责将原始数据转换为Model可以理解的形式。 - Writer则相反,将Model的数据转换为后端可以接受的格式。 - 配置Reader和...

    extjs 树型分页组件

    在EXTJS中,树型组件(Tree)是一种常见的数据展示方式,特别适合于层次结构明显的数据组织。然而,当树节点数量庞大时,一次性加载所有数据不仅会消耗大量的系统资源,也会导致用户界面响应变慢,用户体验下降。...

    extjs 自动补全 模拟combobox

    在EXTJS中,你可以通过配置`store`来设置下拉列表的选项,`displayField`来指定显示的字段,`valueField`来定义选择项的唯一标识。为了实现自动补全,我们需要配置`queryMode`为`local`或`remote`,`typeAhead`为`...

    extjs中文教程 ajax

    你可以定义模型(Model)来映射后端数据结构,使用`Ext.data.Store`来管理和加载数据,并通过`Ext.data.reader.Json`或`Ext.data.reader.Xml`解析服务器返回的数据。 在本教程中,你将学习如何配置`Ext.data.Model`...

    extjs数据存储与传输详解

    在Extjs中整合DWR,可以利用DWR提供的proxy和reader来简化与服务器的交互。例如,通过DWRProxy可以直接从DWR获取数据,而不必担心数据格式的问题。 总之,Extjs中的数据存储与传输机制非常强大且灵活,能够满足不同...

Global site tag (gtag.js) - Google Analytics