`

Ext.data.Store

 
阅读更多

引自EXTJS-API文档

Class Ext.data.Store

包: Ext.data
定义类的文件: Store.js
类: Store
子类: ArrayStore, DirectStore, GroupingStore, JsonStore, XmlStore
继承自: Observable

Store类包装了一个对 Record 对象的客户端缓存,它为Component提供输入数据,例如 GridPanelComboBox 或者 DataView

获取数据

Store对象可以使用如下方式访问一条数据:

读取数据

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

Store的类型

Store存在多种实现, 它们可以定制成与指定的DataReader实现类配合使用。 这里有一个使用ArrayStore的例子,它隐含创建 一个与Array数据对象相应的reader。


var myStore = new Ext.data.ArrayStore({
    fields: ['fullname', 'first'],
    idIndex: 0 // 每条记录的id将会是第一个元素
});
		

对于特定的实现, 可以创建一个基本的Ext.data.Store ,然后配制成需要的形式:


// 创建一个Record 构造器:
var rt = Ext.data.Record.create([
    {name: 'fullname'},
    {name: 'first'}
]);
var myStore = new Ext.data.Store({
    // 隐含创建reader
    reader: new Ext.data.ArrayReader(
        {
            idIndex: 0  // 每条记录的id将会是第一个元素
        },
        rt // 记录的类型
    )
});
		

向store中加载一些数据 (注意,数据对象是与reader对应的数组):

			
var myData = [
    [1, 'Fred Flintstone', 'Fred'],  //注意记录的id将会是第一个元素
    [2, 'Barney Rubble', 'Barney']
];
myStore.loadData(myData);
		

记录被缓存并可以通过存取器(译者注:指getter/setter)访问。 一个向store中添加记录的例子:


var defaultData = {
    fullname: 'Full Name',
    first: 'First Name'
};
var recId = 100; // 记录提供一个唯一的id
var r = new myStore.recordType(defaultData, ++recId); // 创建 记录
myStore.insert(0, r); // 向store中插入一条 记录(另请参见 add)
			
分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    Ext.data.Store 读取XML属性值

    NULL 博文链接:https://kejiangwei.iteye.com/blog/429617

    Ext.DataView 图片列表显示

    this.store.reload(); }; var dataview = new Ext.DataView({ store: store, tpl : tpl, id: 'phones', itemSelector: 'li.phone', overClass : 'phone-hover', singleSelect: true, multiSelect : ...

    Ext.data专题

    Ext.data 在命名空间中定义了一系列store、reader 和proxy。Grid 和ComboxBox 都是以Ext.data 为 媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data 默认支持Array、JSON、XML 等 数据格式,可以通过...

    EXT核心API详解

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

    代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...

    extJs 2.1学习笔记

    6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...

    ExtJs学习笔记,共30讲

    6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...

    ExtJS入门教程(超级详细)

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    Ext Js权威指南(.zip.001

    7.5.4 ext.data.store加载数据的方法 / 350 7.5.5 ext.data.treestore加载数据的方法 / 354 7.5.6 store的配置项 / 358 7.5.7 store的分页 / 359 7.5.8 store的排序:ext.util.sorter与ext.util.sortable / 360...

    jsp+ext4(js部分由Ext Designer生成)

    1.Ext Designer生成的代码,如何使用;通过实例化来使用。...Ext.data.Store Ext.container.Viewport .... 希望能给初学者一点启示吧。 如果有不明白的请我QQ:243596252;时间允许我会帮助大家。。。

    EXT中文开发手册

    中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据

    ExtJs + api + 笔记 + 完整包

    ExtJs + api + 笔记 + 完整包

    饼图 柱形图charts_php和json两种数据类型文件

    var store22 = Ext.create('Ext.data.Store',{ fields: ['DICDES', 'TEXTLEN'], autoLoad: true, proxy : { type : 'ajax', url : 'data/charts.json', reader : { type : 'json', ...

    Ext深入浅出 数据传输

    10.7 高级store.............................................245 10.8 EXT中的Ajax .........................................246 10.8.1 最容易看到的Ext.Ajax ........246 10.8.2 Ext.lib.Ajax是更底层的封装.....

Global site tag (gtag.js) - Google Analytics