嘿,别看关键就在这儿,事实上,它的代码很少的哦。加上注释才219行。研究研究。
有个事要说一下:DataProxy的子类呢,都有一个load来加载数据,DataReader的子类呢,都有一个read来读取数据。
而Ext.data.JsonReader有两个关键函数:read、readRecords。好了。来研究一下。
Ext.data.JsonReader = function(meta, recordType){
??? meta = meta || {};
??? Ext.data.JsonReader.superclass.constructor.call(this, meta, recordType || meta.fields);
};
这是构造函数。简单。meta是数据格式定义,recordType是记录类型。其中recordType可以是一个定义记录的数组,也可以不传,而把记录的各个字段的定义放到meta中的fields字段中。且看它对父类构造函数的调用:
Ext.data.DataReader = function(meta, recordType){
this.meta = meta;
this.recordType = Ext.isArray(recordType) ?
Ext.data.Record.create(recordType) : recordType;
};
?
Ext.data.DataReader.prototype = { };
这下全明白了吧。recordType可以是记录类型,可以是字段定义数组,还可以不传。
所以,构造函数就是定义两个属性:meta、recordType。这两东西后面有用。
这个meta、recordType组成如何?这个必须说明,不然,这个类也就没法用了。
meta:
totalProperty json数据中,保存总记录数的属性
successProperty json数据中,保存是否返回成功的属性名
root json数据中,保存记录集的属性的属性名
id json数据中,记录中主键所对应的列的属性名
recordType:
这个东西,事实上要去看Ext.data.Record的create函数的文档,我且把它翻译一下,如下:
create( [Array o] ) : function
创建包含指定字段结构的继承自Ext.data.Record的类。静态方法。
参数:
o : Array
??? 一个定义记录结构的字段信息数组。每个数组元素包含name,其他可选的有:mapping、type。通过它们,可以让Ext.data.Reader从一个数据对象中获取各字段的值。每个字段定义对象都可能包含如下属性:
name : String
在记录中标志一个字段的名字。它通常用于引用指定字段,例如,在定义Ext.grid.ColumnModel的dataIndex属性时,要传过去的。
mapping : String
当在Ext.data.Reader中创建记录时,如何将json对象中指定属性值映射到此字段。
type : String
字段的类型,可能值为:
auto(默认值,没有任何转化)、string、int、float、boolean、date
?????????
????????? sortType : Mixed
Ext.data.SortTypes中的一个成员。
sortDir : String
排序方式,"ASC"或者"DESC"。
convert : Function
如果要对这个字段的值进行一些物殊处理,这时需要一个能定制的回调,用它来手工处理值。它的参数如下:
v : Mixed
通过mapping映射找到的值。已从json中取出来的。
rec : Mixed
在json中的,对应于此记录的json对象。
dateFormat : String
用于Date.parseDate函数的格式化字符串。
defaultValue : Mixed
当字段值在原数据中不存在时所取的默认值,默认为空字符串。
用法:
var TopicRecord = Ext.data.Record.create([
??? {name: 'title', mapping: 'topic_title'},
??? {name: 'author', mapping: 'username'},
??? {name: 'totalPosts', mapping: 'topic_replies', type: 'int'},
??? {name: 'lastPost', mapping: 'post_time', type: 'date'},
??? {name: 'lastPoster', mapping: 'user2'},
??? {name: 'excerpt', mapping: 'post_text'}
]);
var myNewRecord = new TopicRecord({
??? title: 'Do my job please',
??? author: 'noobie',
??? totalPosts: 1,
??? lastPost: new Date(),
??? lastPoster: 'Animal',
??? excerpt: 'No way dude!'
});
myStore.add(myNewRecord);
?
好了,这一篇差不多了,未尽内容放下一篇中了。
详细解决方案
extJs 2.1学习札记(Ext.data.JsonReader篇一)
热度:239 发布时间:2012-11-23 22:54:33.0
相关解决方案
- Extjs grid 失去选中行的列数据
- extjs 后台有数据,但是返回到页面为空,jsonStore加载错误,这是咋回事
- ENCTYPE="multipart/form-data"文件下传有关问题
- enctype="multipart/form-data"的页面中,获取普通表单中文值,
- Spring Data 的有关问题
- S2SH、EXTJS、JSON调整后,EXTJS接收不到Struts2的Action传回的值,无语
- extjs 简单有关问题
- extjs+struts2解决办法
- 在jsp页面下导入.xls文件,报错:Posted content type isn't multipart/form-data
- ExtJs 处理 datetime 有关问题
- 【EXTJS】iframe里嵌套ext.window,怎样使ext.window弹出到iframe外,该怎么解决
- Tomcat + extjs 入门有关问题
- extjs ColumnModel 怎么实现表格中的数据小数点对齐
- 关于enctype="multipart/form-data"及过滤器的怪异有关问题~
- spring data jpa查询有关问题
- Extjs 变量前的一个加号代表什么意思?解决方法
- extjs grid 怎么实现 行选中变色
- ExtJs 提交表单的小疑点
- 错误详细信息: System.Data.OleDb.OleDbException: 表 'table_user' 已存在
- 错误详细信息: System.Data.OleDb.OleDbException: 表 'table_user' 已存在
- var das = eval("(" + data + ")"); 提示语法异常求解
- 晕!装.NEt Framework v1.1竟然找不到System.Data.OracleClient
- 未能加载资料或程序集“System.Data.SQLite”或它的一个依赖。试图加载格式不正确的程序
- c#中,运作程序时,提示mysql.data load failed
- 用户代码未处理 System.Data.SqlClient.SqlException 的有关问题,求教育?
- “System.Data.dll”类型的错误 高手来
- System.Data.SqlClient.SqlError: 备份集中的数据库备份与现有的 'Xblog_Data' 数据库不同,该怎么解决
- 关于.net中使用system.data.sqlite.dll,一直不太明白是如何实现的
- js转json,eval('(' + data + ')')事先和之后的数据不一致~
- MVC 客户端印证信息的 data-val-number