`

Ext Store用法

 
阅读更多

后台返回数据

一般在ExtStore的子类有ArrayStore, DirectStore, GroupingStore, JsonStore, XmlStore比较常用的有两种:SimpleStoreJsonStore

1.直接使用Store

var MyRecord = Ext.data.Record.create([

    {name : 'rjp.fuelPhotoId'},

    {name : 'dateString'},

    {name : 'enterName'}

    ]);

    var dataProxy = new Ext.data.HttpProxy(

            {

                url:'runlog/findAllPhoto.action'

            }

    );

    var theReader = new Ext.data.JsonReader({

        root : "list",

        totalProperty : "totalCount"

    }, MyRecord);

    var store = new Ext.data.Store({

        proxy : dataProxy,

        reader : theReader

    });

a.      每个store最少需要两个组件的支持,分别是proxyreaderproxy用于从某个途径读取原始数据,reader用于将原始数据转换成Record实例。

b.      Store内部并不知道数据对象的格式 (它可能是一个Array, XML或者JSON) Store对象使用一个 DataReader 类的可配置实现从数据对象创建 Record 的实例。

c.      Store中的proxy配置项可以替换为url:如果没有指定 proxy,此url将会被用来隐含配置一个 HttpProxy

2.simpleStore的用法和Store相同

3.JsonStore的用法

 

由于Store内部定义为Json格式因此reader配置项不在需要

var queryStore = new Ext.data.JsonStore({

        url : 'runNew/getOperateTicketList.action',

        root : 'list',

        totalProperty : 'totalCount',

        fields : rungridlist //构造器,和上面的MyRecord相同

    });

后台返回的数据是以Json格式返回的:pg是一个对象包含listtotalCount

 

 

本地数据

store : new Ext.data.SimpleStore({

           fields : ['value', 'text'],

           data : [['','全部'],['0','未上报'],['1','采购员已申请']]

       }),

Store中插入一条数据

var storeSubShow = new Ext.data.JsonStore({

        fields : ['empId', 'chsName', 'stationId', 'stationName', 'ssDeptId', 'ssDeptName', 'jdDeptId', 'jdDeptName']

    })

    storeSubShow.insert(0, new Ext.data.Record({

        'empId' : '',

        'chsName' : '',

        'stationId' : '',

        'stationName' : '',

        'ssDeptId' : '',

        'ssDeptName' : '',

        'jdDeptId' : '',

        'jdDeptName' : ''

    }));

分享到:
评论

相关推荐

    Ext.Store的获取方法

    总结来说,在Ext.js中,获取`Ext.Store`应使用`Ext.getStore`方法,而不是`Ext.getCmp`,因为Store是通过`storeId`在内存中注册和管理的,而不是作为页面上的一个可视组件。同时,Store的设计方式有助于数据的安全性...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    Ext数据模型Store

    Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据变更时触发事件。Store通过与Proxy和DataReader的配合,能够处理来自不同源的数据。 Proxy是数据获取的...

    ext中store的各个应用

    在标签中提到的“工具”可能是指EXT JS提供的各种辅助工具和调试方法,帮助开发者更有效地使用和调试Store。 总之,EXT JS的Store是构建数据驱动应用的关键组件,它负责数据的获取、存储和更新。通过合理配置和有效...

    EXT-JS Grid 用法

    在“Grid练习”文件中,可能包含了EXT Designer的设计文件、EXT-JS代码示例、数据源文件以及相关的资源文件,这些都是为了帮助你理解和实践EXT-JS Grid的用法。通过研究这些文件,你可以更深入地了解EXT-JS Grid的...

    Ext中Store详解

    ### Ext中Store详解 在ExtJS框架中,`Store`是一个非常重要的组件,它主要用于管理应用程序中的数据。无论是从本地还是远程服务器获取数据,Store都能有效地处理这些数据,并且能够支持各种数据操作,如检索、排序...

    EXT的用法

    综上所述,这段代码展示了如何使用EXT框架构建一个包含下拉选择和表单输入的Web界面。通过定义函数、使用数据存储、配置组合框组件以及构建表单面板,实现了动态加载数据和用户交互的功能。这不仅体现了EXT框架的...

    Ext4.0使用指南

    EXTJS4.0的API文档是深入学习的关键资源,它详细介绍了各种组件、方法和配置项,通过查阅文档可以进一步了解EXTJS的强大功能和灵活用法。同时,不断实践和尝试官方示例将有助于提升EXTJS开发技能。

    ext后台经典实例

    "EXT后台经典实例"指的是使用EXT与后端服务器进行交互的典型应用场景,通常涉及到Ajax通信、数据模型、Store和Grid等核心概念。 在EXT中,数据通常是通过Store来管理的。Store连接到后端服务器,负责加载、保存和...

    ext教程、ext核心API 、ext中文教程

    "EXT核心API"则深入介绍了EXT的内部机制和主要类库,包括Store(数据存储)、Model(数据模型)、Controller(控制器)以及Ext.application(应用入口)等。理解这些API是提升EXT开发技能的关键。例如,Store负责...

    ext2.0项目源代码供大家学习ext使用

    4. **Store和Model**:EXT中的Store是数据容器,用于存储和管理数据,而Model定义了数据结构和字段。它们是EXT数据绑定的基础。 5. **Ajax通信**:EXT通过Ext.Ajax类提供了异步请求功能,方便与服务器进行数据交互...

    ext学习资料 20篇详细学习笔记 初学者ext学习的文档

    理解这些组件的功能和用法是EXT开发的基础。例如,表格组件允许展示大量结构化数据,而表单组件则用于收集用户输入。 3. **数据绑定**:EXT引入了数据绑定机制,使得视图和数据模型之间能自动保持同步。这大大简化...

    Ext 操作数据库,对数据的增删改查,包括数据库,Ajax请求和store请求的设置

    这个压缩包文件“ExtProject”显然是一个基于Ext框架的项目,它涵盖了数据库操作、Ajax请求以及Store的使用,是初学者学习Ext的理想资源。 首先,让我们深入了解一下Ext中的"增删改查"(CRUD)操作。CRUD代表创建...

    JSP中使用EXT实现grid table

    2. 创建Store:定义一个Store对象,配置数据源URL、请求方法和数据字段。 3. 定义Model:创建数据模型,定义每列的名称和数据类型。 4. 创建Grid:实例化Grid Panel,设置列配置和Store。 5. 显示Grid:将Grid...

    ext PPT,EXT 教程,EXT 中文帮助手册,EXT 中文手册,ext_教程(入门到精通),Ext技术程序文档大全.

    它们可能包括创建EXT应用的基本步骤、组件的使用方法、事件处理和响应机制等,是学习EXT的基础教材。 3. **EXT 中文帮助手册**:这是一份详细的辅助学习材料,可能包含EXT框架的高级特性,如AJAX通信、图表组件、...

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

    如果需要刷新Store中的数据并显示加载提示,同样可以在`reload`方法中使用`callback`来控制提示信息的显示与隐藏。例如: ```javascript reportStore.reload({ callback: function (records, options, success) { ...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    而要删除选项,可以使用`removeAt`方法,传入要删除项的索引: ```javascript comboBox.getStore().removeAt(index); ``` 3. **刷新ComboBox**: 修改store后,需要更新ComboBox以便显示变化。调用`loadData`...

    Gwt-Ext学习笔记之进级篇

    3. **远程异步接口(Remote Service Async Interface)**:客户端调用服务时会使用这个接口,它定义了与服务接口相同的方法,但这些方法接受一个实现了`AsyncCallback`接口的对象作为参数,用于处理服务调用的结果。...

    Ext中对于多种store数据分页实现示例

    EXT JS的`Store`类中,可以通过设置`paging`配置项为`true`来启用分页,并使用`proxy`配置项指定数据源,如`Ext.data.proxy.Rest`或`Ext.data.proxy.Ajax`。在请求参数中,`start`表示起始索引,`limit`表示每页记录...

    EXT dojochina Ext类实例方法.rar

    EXT dojochina Ext类实例方法.rar 是一个与EXT JS框架相关的压缩文件,EXT JS是一个广泛使用的JavaScript库,用于构建富互联网应用程序(RIA)。这个压缩包可能包含了关于EXT JS中的Ext类的一些实例方法的详细教程或...

Global site tag (gtag.js) - Google Analytics