做任何的应用程序都少不了对数据的操作。在Extjs里面对数据的解析主要由是Ext.data.Store来做。今天接触了Ext.data.ArrayStore 和Ext.data.JsonStore. 从命名上就知道它们所解析的格式是不同的。所以当我们需要哪种格式来填充我们的组件的时候,我们可以让设计后台传过来的格式,符合我们解析就格式就OK了。看下API中的例子便可一目了然。
-
一个store配置项看起来如下:
- varstore=newExt.data.JsonStore({
- autoDestroy:true,
- url:'get-images.php',
- storeId:'myStore',
- root:'images',
- idProperty:'name',
- fields:['name','url',{name:'size',type:'float'},{name:'lastmod',type:'date'}]
- });
-
-
- 此store被配置用来解析如下的格式的对象:
-
- {
- images:[
- {name:'Imageone',url:'/GetImage.php?id=1',size:46.5,lastmod:newDate(2007,10,29)},
- {name:'ImageTwo',url:'/GetImage.php?id=2',size:43.2,lastmod:newDate(2007,10,30)}
- ]
- }
-
- 一个符合此格式的字符串也可以用作data配置项。
- Store的配置就像如下代码所示:
-
-
- varstore=newExt.data.ArrayStore({
- autoDestroy:true,
- storeId:'myStore',
- idIndex:0,
- fields:[
- 'company',
- {name:'price',type:'float'},
- {name:'change',type:'float'},
- {name:'pctChange',type:'float'},
- {name:'lastChange',type:'date',dateFormat:'n/jh:ia'}
- ]
- });
-
-
- 此Store被配置用来解析如下格式的对象:
-
-
- varmyData=[
- ['3mCo',71.72,0.02,0.03,'9/112:00am'],
- ['AlcoaInc',29.01,0.42,1.47,'9/112:00am'],
- ['BoeingCo.',75.43,0.53,0.71,'9/112:00am'],
- ['Hewlett-PackardCo.',36.53,-0.03,-0.08,'9/112:00am'],
- ['Wal-MartStores,Inc.',45.45,0.73,1.63,'9/112:00am']
- ];
-
- 一个符合此格式的字符串也可以用作data配置项。
很显然,JsonStore解析的是键值对,而ArrayStore解析的是数组。两者完全不同。
官网的例子中,大多数在控件渲染时,JsonStore就自动加载从后台传过来的数据填充。而且在JsonStore里面获取数据出来给当前控件渲染时,是获取不出来的。如有以下的需求时:
-
var xxxCom=function(params,cfg){ //定义组件xxxCom
- xxxCom.apply(this,cfg);
分享到:
相关推荐
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员
Ext.data 在命名空间中定义了一系列store、reader 和proxy。Grid 和ComboxBox 都是以Ext.data 为 媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data 默认支持Array、JSON、XML 等 数据格式,可以通过...
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
ExtJs学习资料28-Ext.data.JsonStore数据存储器
NULL 博文链接:https://kejiangwei.iteye.com/blog/429617
org.restlet.ext.spring.jar
Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文Ext.3.0.中文
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
运行Microsoft office时,vbe6ext.olb不能加载
Ext.get与Ext.fly的区别与用法
29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 ...
EXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rar
org.restlet.ext.servlet-2.1.1.jar
Ext.js 3.0中文API和Ext.js中文教程打包下载
Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...