[05]EXTJS4.0的读写器reader,writer

Reader:主要用于将proxy数据代理读取的数据按照不同的规则进行解析，将解析好的数据保持到Model(数据模型类)中

结构图

Ext.data.reader.Reader 读取器的根类

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

Ext.data.reader.Array 扩展JSON的Array读取器

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

Writer

结构图：

Ext.data.writer.Writer

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

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

--------------------------------------------------------------------------------------

这个例子主要讲：模型中的关系(hasMany,belongsTo),reader(type,root,implicitIncludes,totalProperty,record)

readerJson.js

(function(){
Ext.onReady(function(){
var userData = {
//total:200,
count:250,
user:[{auditor:'ynfengcheng',info:{
userID:'1',
name:'uspcat.com',
orders:[
{id:'001',name:'pen'},
{id:'002',name:'book'}
]
}}]
};
//model
Ext.regModel("user",{
fields:[
{name:'userID',type:'string'},
{name:'name',type:'string'}
],
hasMany:{model:'order'}
});
Ext.regModel("order",{
fields:[
{name:'id',type:'string'},
{name:'name',type:'string'}
],
belongsTo:{type:'belongTo',model:'user'}
});
var mproxy = Ext.create("Ext.data.proxy.Memory",{
model:'user',
data:userData,
reader:{
type:'json',
root:'user',
implicitIncludes:true,
totalProperty:'count',
record:'info'//服务器返回的数据可能很复杂，用record可以删选出有用的数据信息，装载model中
}
});
mproxy.read(new Ext.data.Operation(),function(result){
var datas = result.resultSet.records;
console.log(result.resultSet);
console.log(result.resultSet.total);
Ext.Array.each(datas,function(model){
console.log(model.get("name"));
});
var user = result.resultSet.records[0];
var orders = user.orders();
orders.each(function(order){
console.log(order.get('name'));
})
});
});
})();

运行结果：

constructor {total: 250, count: 1, records: Array[1], success: true, message: undefined…}

250

uspcat.com

pen

book

-------------------------------------------------------------------------------------

这个例子主要讲reader(xml)

readerxml.js

(function(){
Ext.onReady(function(){
Ext.regModel("user",{
fields:[
{name:'name'},
{name:'id'}
],
proxy:{
type:'ajax',
url:'users.xml',
reader:{
type:'xml',
record:'user'
}
}
});
var user = Ext.ModelManager.getModel("user");
user.load(1,{
success:function(model){
console.log(model);
console.log(model.get('name'));
}
});
});
})();

users.xml

<users>
<user>
<name>uspcat.com</name>
<id>00100</id>
</user>
</users>

运行结果：

constructor {internalId: "00100", raw: <user>, data: Object, modified: Object, hasListeners: HasListeners…}

uspcat.com

-----------------------------------------------------------------------------

这个例子主要讲reader(array),Ext.ModelManager.getModel(load)

readerarray.js

Ext.onReady(function(){
Ext.regModel("person",{
fields:[
'name','age'
//{name:'name'},
//{name:'age'}
],
proxy:{
type:'ajax',
url:'person.jsp',
reader:{
type:'array'
}
}
});
var person = Ext.ModelManager.getModel("person");
person.load(1,{
success:function(model){
console.log(model);
console.log(model.get('name'));
}
});
});

person.jsp

<%@page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%
response.getWriter().write("[['yengpingfeng','26']]");
%>

运行结果：

constructor {phantom: false, internalId: "ext-record-1", raw: Array[2], data: Object, modified: Object…}

yengpingfeng

---------------------------------------------------------------------------------

这个例子主要讲writer(xml,json)

writer.js

Ext.onReady(function(){
Ext.regModel("person",{
fields:[
'name','age'
],
proxy:{
type:'ajax',
url:'person.jsp',
writer:{
//type:'json'
type:'xml'
}
}
});
Ext.ModelMgr.create({
name:'uspcat.com',
age:1
},'person').save();
});

运行结果（xml）：

运行结果(xml)：

转载于:https://blog.51cto.com/gzzjsoft/1069394

[05]EXTJS4.0的读写器reader,writer相关推荐

苹果html阅读器,设置Safari 10.0.2阅读器Reader字体
设置Safari 10.0.2阅读器Reader字体关闭SIP(系统完整性保护功能)才能保存Reader.html - 重启电脑,按住Command+R(直到出现苹果标志)进入Recovery Mo ...
Windows操作系统下用vmware虚拟ubuntu系统测试USB IC卡读写器的说明
读写器介绍:RFID读写器NFC发卡器WEB可编程NDEF文本/网址/智能海报/电话/启动-淘宝网 (taobao.com) 一.打开windows计算机管理 / 服务 / VMware USB Ar ...
EF Core3.0+ 通过拦截器实现读写分离与SQL日志记录
前言本文主要是讲解EF Core3.0+ 通过拦截器实现读写分离与SQL日志记录注意拦截器只有EF Core3.0+ 支持,2.1请考虑上下文工厂的形式实现. 说点题外话.. 一晃又大半年没更新技 ...
记录大坑：用Xamarin引入UHF读写器dll，报错：所生成项目的处理器架构“MSIiL”与引用的Reader.dll处理器架构“x86”不匹配
哎,太少人用VS的Xamarin开发了,而我正是摸索中的一个开发者,我都记不清楚遇到多少坑了,心累. 说回正事: 当你用Xamarin引入UHFRIFD读写器dll时,绝对报错,Xamarin框架问题 ...
Go编程技巧--io.Reader/Writer
Go原生的pkg中有一些核心的interface,其中io.Reader/Writer是比较常用的接口.很多原生的结构都围绕这个系列的接口展开,在实际的开发过程中,你会发现通过这个接口可以在多种不同的 ...
精密型工业级UHF超高频RFID读写器|读卡器JT7300的MODBUS协议说明
JT7300外形采用工业设计,坚固耐用,符合恶劣的工业产线环境,防护等级达到IP66.射频采用自主知识产权砥发芯局...配以高性能标签识别篡法.采用标准接口RS232(可定制RS485或 Modbus ...
安卓Android下如何开发USB NFC读写器APP
荣士第二代USB免驱动IC读写器IC-02支持Windows.安卓(Android).Linux系统,为方便IC-02读写器能快速的接入安卓(Android)系统,我们提供了各种安卓版本的So库及示例 ...
工业超高频读写器|读取器CK-UR12-E02使用POE交换机和博途软件如何与西门子PLC配置解决方案
ProfiNet协议POE供电工业超高频读写器|读取器CK-UR12-E02是一款工业以太网通讯的超高频读写设备,带IO继电信号输入输出,广泛应用工业自动化生产领域本文将以实际环境,介绍工业超高频读 ...
golang中的io.Reader/Writer
本文整理自Go编程技巧–io.Reader/Writer Go原生的包中有一些核心的interface,其中io.Reader/Writer是比较常用的接口.很多原生的结构都围绕这个系列的接口展开,在 ...

[05]EXTJS4.0的读写器reader,writer

[05]EXTJS4.0的读写器reader,writer相关推荐

最新文章

热门文章