生活随笔
收集整理的這篇文章主要介紹了
ExtJs的Reader
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
ExtJs的Reader
Reader?: 主要用于將proxy數(shù)據(jù)代理讀取的數(shù)據(jù)按照不同的規(guī)則進行解析,講解析好的數(shù)據(jù)保存到Modle中
結(jié)構(gòu)圖
??? Ext.data.reader.Reader 讀取器的根類
?????? Ext.data.reader.Json?JSON格式的讀取器
?????????? Ext.data.reader.Array 擴展JSON的Array讀取器
?????? Ext.data.reader.Xml?XML格式的讀取器
Writer
結(jié)構(gòu)圖
??? Ext.data.writer.Writer
?????? Ext.data.writer.Json?對象被解釋成JSON的形式傳到后臺
?????? Ext.data.writer.Xml??對象被解釋成XML的形式傳到后臺
1.???? Json的讀取器
?
[javascript]?view plain
?copy (function(){??????Ext.onReady(function(){??????????var?userData?=?{??????????????????????????count:250,??????????????user:{??????????????????userID:'1',??????????????????name:'uspcat.com',??????????????????orders:[??????????????????????{id:'001',name:'pen'},??????????????????????{id:'002',name:'book'}??????????????????]??????????????}??????????};??????????????????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:?'belongsTo',?model:?'user'}??????????});??????????var?mproxy?=?Ext.create("Ext.data.proxy.Memory",{??????????????model:'user',??????????????data:userData,??????????????reader:{??????????????????type:'json',??????????????????root:'user',??????????????????implicitIncludes:true,????????????????????totalProperty:'count'???????????????????????????????????}??????????});??????????mproxy.read(new?Ext.data.Operation(),function(result){??????????????var?datas?=?result.resultSet.records;??????????????alert(result.resultSet.total);????????????????Ext.Array.each(datas,function(model){??????????????????alert(model.get('name'));??????????????});??????????????var?user?=?result.resultSet.records[0];???????????????var?orders?=?user.orders();????????????????orders.each(function(order){???????????????????alert(order.get('name'));??????????????});???????????????????????});??????});??})();?? 2.???? Array讀取器
?
[javascript]?view plain
?copy ?Ext.onReady(function(){??????Ext.regModel("person",{?????????fields:[?????????????'name','age'?????????],?????????proxy?:{?????????????type:'ajax',?????????????url:'person.jsp',?????????????reader:{????????????????type:'array'?????????????}?????????}??????});?????????var?person?=Ext.ModelManager.getModel('person');?????????person.load(1,{?????????????success:function(model){????????????????alert(model.get('name'));?????????????}?????????});??});?? Person.jsp文件:
?<%
??? response.getWriter().write("[['yunfengcheng',26]]");
%>
3. XML格式的讀取器
?
[javascript]?view plain
?copy (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){????????????????alert(model);????????????????alert(model.get('id'));?????????????}?????????});??????});??})();?? Users.xml文件:
?
[html]?view plain
?copy <users>??????<user>?????????<name>uspcat.com</name>?????????<id>00101</id>??????</user>??</users>?? 4.???? writer的Json和xml
?
[javascript]?view plain
?copy Ext.onReady(function(){??????Ext.regModel("person",{?????????fields:[?????????????'name','age'?????????],?????????proxy?:{?????????????type:'ajax',?????????????url:'person.jsp',?????????????writer:{????????????????type:'json'???????????????????????????}?????????}??????});??????Ext.ModelMgr.create({?????????name:'uspcat.con',?????????age:1??????},'person').save();???});?? 使用Json寫入的時候，瀏覽器查看提交信息是如下圖，是以json提交的:
使用xml寫入的時候，瀏覽器查看提交信息是如下圖，是以xml提交的:
?
原文鏈接：https://blog.csdn.net/hanhan313/article/details/8159774
更多專業(yè)前端知識，請上
【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的ExtJs的Reader的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
