浅谈:Ext.data.JsonStore

前端之家收集整理的这篇文章主要介绍了浅谈:Ext.data.JsonStore前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
简单的JSONSTORE
@H_502_2@var data = [ ['1','name1','descn1'],['2','name2','descn2'],['3','name3','descn3'],['4','name4','descn4'],['5','name5','descn5'] ];//二维数组 @H_502_2@var ds = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data),reader: new Ext.data.ArrayReader({},[ {name: 'id'},{name: 'name'},{name: 'descn'} ]) }); ds.load(); //标准 可以作为静态数据来模拟动态的例子。 @H_502_2@ @H_502_2@ds要对应两个部分:proxy和reader。proxy告诉我们从哪里获得数据,reader告诉我们如何解析这个数据。 @H_502_2@现在我们用的是Ext.data.MemoryProxy,它是专门用来解析js变量的。你可以看到,我们直接把data作为参数传递进去了。 @H_502_2@Ext.data.ArrayReader专门用来解析数组,并且告诉我们它会按照定义的规范进行解析,每行读取三个数据,第一个叫id,第二个叫 name,第三个descn。是不是有些眼熟,翻到前面cm定义的地方,哦,原来跟dataIndex是对应的。这样cm就知道哪列应该显示那条数据了。唉,你要是能看明白这一点,那你实在是太聪明了。 @H_502_2@记得要执行一次ds.load(),对数据进行初始化。 @H_502_2@有兄弟可能要问了,要是我第一列数据不是id而是name,第二列数据不是name而是id咋办?嗯,嗯,这个使用就用mapping来解决。改改变成这样: @H_502_2@var ds = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data),0)"> //HttpProxy reader: new Ext.data.ArrayReader({},[ {name: 'id',mapping: 1},{name: 'name',mapping: 0},{name: 'descn',mapping: 2} ]) }); @H_502_2@---------------------------------------------------------------------------------- @H_502_2@复杂一点的JSONSTORE @H_502_2@var resourcestore = new Ext.data.JsonStore({ root:'',id:'resourceid',remoteSort: false,pruneModifiedRecords:true,//设置为true,则每次当store装载或有record被移除时,清空所有修改了的record信息. 默认为false. @H_502_2@fields: [ //两对键值对这是name 'resourceid', @H_502_2@ {name:'contentno',mapping:'content.contentno'},],proxy: new Ext.data.HttpProxy({ url: 'operation/resource/manageresource.jsp'//相对路径 }) }); @H_502_2@load事件 @H_502_2@store.on('load',function(store,records,o){ Ext.Ajax.request({ url : "operation/task/querytimedeveloperstatustasklist.jsp?developerid="+finishtask_store.baseParams.developerid+"&starttime="+finishtask_store.baseParams.starttime+"&endtime="+finishtask_store.baseParams.endtime,method : 'post',success : function(response,options) { var results = Ext.util.JSON.decode(response.responseText); alert(results.totalworkload);//取数据 { totalworkload : 2000} results.tasklist[0].taskid // tasklist :[ {taskid: 1,.....},{taskid:2,.....}.....] 大概就是获取第一条数据的taskid的值。 },failure : function() { result = false; } });} @H_502_2@//从JSONSTORE中取数据方法: @H_502_2@store.reader.jsonData['totalworkload'] //马上测试之。。。恍然大悟。

猜你在找的Json相关文章