日期:2014-05-16  浏览次数:20374 次

ExtJS4.2学习(7)——基础知识之Reader&Writer篇

Reader: 

主要用于将proxy数据代理读取的数据按照不同的规则进行解析,将解析好的数据保存到Modle

结构图

Ext.data.reader.Reader 读取器的根类(很少直接实例化这个类)

Ext.data.reader.Json JSON格式的读取器

Ext.data.reader.Array 扩展JSONArray读取器

Ext.data.reader.Xml XML格式的读取器

Writer:

主要用于将数据按照一定格式传到后台。

结构图

Ext.data.writer.Writer

Ext.data.writer.Json 对象被解释成JSON的形式传到后台

Ext.data.writer.Xml  对象被解释成XML的形式传到后台

一、Json方式Reader

var mproxy = Ext.create("Ext.data.proxy.Memory",{
model:'user',
data:userData,
//ExtJS并没有那么智能 所以我们需要制定一个类似于规则的读取器
reader:{
type:'json',
root:'user',//读取数据的根
implicitIncludes:true,//是否进行级联 true的时候是级联读取
totalProperty:'count',//默认是total,指数据多少条
record : 'info'//服务器返回的数据可能很负载,用record可以筛选出有用的数据信息,装在带Model中
//有效的数据
}
});

二、Array方式Reader

Ext.regModel("person",{
fields:[
'name','age'
//	 {name:'name'},
//	 {name:'age'}
],
proxy :{
type:'ajax',
url:'person.jsp',
reader:{
type:'array'
}
}
});

三、xml方式Reader

Ext.regModel("user",{
fields:[
{name:'name'},
{name:'id'}
],
proxy:{
type:'ajax',
url:'users.xml',
reader:{
type:'xml',
record:'user'//xml中的有效信息 user
}
}
});

四、Json格式Writer

Ext.regModel("person",{
fields:[
'name','age'
],
proxy :{
type:'ajax',
url:'person.jsp',
writer:{
type:'json'
}
}
});

五、xml格式Writer

Ext.regModel("person",{
fields:[
'name','age'
],
proxy :{
type:'ajax',
url:'person.jsp',
writer:{
type:'xml'
}
}
});

通过以上示例,我们可以看出,其实就是我们在新建对象的时候,在代理中给出一些声明就可以了。

代码中粗体部分较为明显,大家也可查看apidata下的readerwriter,如下图:

<