首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Ext.data.xxxStore 数据解析的容易运用

2012-10-26 
Ext.data.xxxStore 数据解析的简单运用? 做任何的应用程序都少不了对数据的操作。在Extjs里面对数据的解析

Ext.data.xxxStore 数据解析的简单运用

?

做任何的应用程序都少不了对数据的操作。在Extjs里面对数据的解析主要由是Ext.data.Store来做。今天接触了Ext.data.ArrayStore 和Ext.data.JsonStore. 从命名上就知道它们所解析的格式是不同的。所以当我们需要哪种格式来填充我们的组件的时候,我们可以让设计后台传过来的格式,符合我们解析就格式就OK了。看下API中的例子便可一目了然。

Code:
  1. 一个store配置项看起来如下: varstore=newExt.data.JsonStore({
  2. //storeconfigsautoDestroy:true,
  3. url:'get-images.php',storeId:'myStore',
  4. //readerconfigsroot:'images',
  5. idProperty:'name',fields:['name','url',{name:'size',type:'float'},{name:'lastmod',type:'date'}]
  6. });
  7. 此store被配置用来解析如下的格式的对象:
  8. {
  9. images:[{name:'Imageone',url:'/GetImage.php?id=1',size:46.5,lastmod:newDate(2007,10,29)},
  10. {name:'ImageTwo',url:'/GetImage.php?id=2',size:43.2,lastmod:newDate(2007,10,30)}]
  11. }
  12. 一个符合此格式的字符串也可以用作data配置项。
Code:
  1. Store的配置就像如下代码所示:
  2. varstore=newExt.data.ArrayStore({
  3. //storeconfigsautoDestroy:true,
  4. storeId:'myStore',//readerconfigs
  5. idIndex:0,fields:[
  6. 'company',{name:'price',type:'float'},
  7. {name:'change',type:'float'},{name:'pctChange',type:'float'},
  8. {name:'lastChange',type:'date',dateFormat:'n/jh:ia'}]
  9. });
  10. 此Store被配置用来解析如下格式的对象:
  11. varmyData=[['3mCo',71.72,0.02,0.03,'9/112:00am'],
  12. ['AlcoaInc',29.01,0.42,1.47,'9/112:00am'],['BoeingCo.',75.43,0.53,0.71,'9/112:00am'],
  13. ['Hewlett-PackardCo.',36.53,-0.03,-0.08,'9/112:00am'],['Wal-MartStores,Inc.',45.45,0.73,1.63,'9/112:00am']
  14. ];
  15. 一个符合此格式的字符串也可以用作data配置项。

?

很显然,JsonStore解析的是键值对,而ArrayStore解析的是数组。两者完全不同。

?

官网的例子中,大多数在控件渲染时,JsonStore就自动加载从后台传过来的数据填充。而且在JsonStore里面获取数据出来给当前控件渲染时,是获取不出来的。如有以下的需求时:

Code:
  1. var xxxCom=function(params,cfg){ //定义组件xxxCom
  2. xxxCom.apply(this,cfg);

热点排行