ExtJs中Store简介

本文介绍了ExtJS中的Store概念,解释了Store如何通过Proxy获取数据及使用DataReader解析数据,并展示了不同类型的Store实例,如ArrayStore和JsonStore的具体配置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.什么store

Store类似于一个本地仓库(即数据存储器),包括有 ArrayStore,DirectStore,GroupingStore,JsonStore,XmlStore(都是store的子类)

最终主要用于提供给panel去显示.

StoreProxy(数据源)和DataReader(解读数据)组成。

.(Proxy)数据源:一般是后台的值,习惯性的把它转换成json对象给store(注:个人理解)

.(DataReader)读取数据:获得了数据后需要解析数据,DataReader(fields属性其实是Record对象的)解析数据并指定格式.

.store存储好的数据最后交给panel

 

2.store中重要的属性和方法

属性:dataproxyreaderurlroot ....

方法:load

1、如果配置了data,则proxyurl无效,且不需要调用load方法来生成Record集合

var store=newExt.data.ArrayStore({

fields: ['DEPTNO','DNAME', 'LOC'],

data:Ext.datas.mess  //引用data.js 数据

});

2、如果没有配置data,则必须设置proxyurl,或两者都设置。此时,如果没有将autoLoad设置为true

那么需要手动进行lo

//JsonStore是负责后台返回json对象的处理http://

    var store1 = new Ext.data.JsonStore({

    autoDestroy: true,

    url:'extjsTest/extjs_getEmpByDeptNo.action',

    storeId: 'myStore',

   root:"emp",//json对象组 类似这种对象:{emp:[{EMPNO:'xx',....}]}

    fields: [

           {name: 'EMPNO',mapping:'EMPNO', type: 'float'},

           {name: 'ENAME',mapping:'ENAME',type: 'string'},

           {name : 'HIREDATE', type: 'date', mapping : 'HIREDATE'},

           {name: 'DEPTNO',mapping:'DEPTNO', type: 'float'}

    ]

    });

ad方法的调用。就是为了得到数组、JsonXml等格式的数据。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值