ExtJS's Reader

ExtJS's Reader

Reader: Mainly used for the proxy data agent to read the data according to different rules to parse, the analysis of good data saved to Modle

Structure diagram

Ext.data.reader.Reader the root class of the reader

Ext.data.reader.Json Json-Formatted reader

Ext.data.reader.Array Array Reader for extended JSON

EXT.DATA.READER.XML XML-Formatted reader

Writer

Structure diagram

Ext.data.writer.Writer

Ext.data.writer.Json objects are interpreted as Json to be uploaded to the background

EXT.DATA.WRITER.XML objects are interpreted as Xml in the form of uploading to the background

1. JSON reader

[JavaScript]View PlainCopy

2. (function () {
4. Ext.onready (function () {
6. var userData = {
8. //total:200,
10. COUNT:250,
12. user:{
14. UserID:' 1 ',
16. Name:' uspcat.com ',
18. orders:[
20. {ID:' 001 ', Name:' Pen '},
22. {ID:' 002 ', Name:' book '}
24. ]
26. }
28. };
30. //define Model
32. Ext.regmodel ("user", {
34. fields:[
36. {name:' UserID ', type:' string '},
38. {name: 'name ', type:' string '}
40. ],
42. Hasmany: {model: ' order '} //Define a property with multiple order
44. });
46. Ext.regmodel ("order", {
48. fields:[
50. {name: 'ID ', type:' string '},
52. {name: 'name ', type:' string '}
54. ],
56. Belongsto: {type: ' Belongsto ', Model: ' user '} //definition belongs to
58. });
60. var mproxy = ext.create ("Ext.data.proxy.Memory", {
62. Model:' user ',
64. Data:userdata,
66. reader:{
68. Type:' json ',
70. Root:' user ',
72. Implicitincludes:True, //cascading read
74. Totalproperty:' count '
76. //record: ' Info '//The data returned by the server may be very complex, and a record can be used to delete the useful data information in the model
78. }
80. });
82. Mproxy.read (new Ext.data.Operation (),function (result) {
84. var datas = result.resultSet.records;
86. alert (result.resultSet.total); //Print Count
88. Ext.Array.each (Datas,function (model) {
90. Alert (Model.get (' name '));
92. });
94. var user = result.resultset.records[0]; //Get the first data used
96. var orders = User.orders (); //Get to the Orders collection in the user
98. Orders.each (function (order) { //Traverse orders collection
100. Alert (Order.get (' name '));
102. });
106. });
108. });
110. })();

2. Array Reader

[JavaScript]View PlainCopy

2. Ext.onready (function () {
4. Ext.regmodel ("person", {
6. fields:[
8. ' name ',' age '
10. {name: ' Name '},
12. {name: ' Age '}
14. ],
16. Proxy: {
18. Type:' Ajax ',
20. URL:' person.jsp ',
22. reader:{
24. Type:' array '
26. }
28. }
30. });
32. var person =ext.modelmanager.getmodel (' person ');
34. Person.load (1,{
36. Success:function (model) {
38. Alert (Model.get (' name '));
40. }
42. });
44. });

person.jsp file:

<%

Response.getwriter (). Write ("[[' Yunfengcheng ', 26]]");

%>

3. XML-Formatted Reader

[JavaScript]View PlainCopy

2. (function () {
4. Ext.onready (function () {
6. Ext.regmodel ("user", {
8. fields:[
10. {name:' name '},
12. {name:' ID '}
14. ],
16. proxy:{
18. Type:' Ajax ',
20. URL:' users.xml ',
22. reader:{
24. Type:' xml ',
26. Record:' user '
28. }
30. }
32. });
34. var user = Ext.ModelManager.getModel (' user ');
36. User.load (1,{
38. Success:function (model) {
40. alert (model);
42. Alert (Model.get (' id '));
44. }
46. });
48. });
50. })();

Users.xml file:

[HTML]View PlainCopy

2. <users>
4. <user>
6. <name>uspcat.com</name>
8. <ID>00101</ID>
10. </User>
12. </users>

4. Writer's JSON and XML

[JavaScript]View PlainCopy

2. Ext.onready (function () {
4. Ext.regmodel ("person", {
6. fields:[
8. ' name ',' age '
10. ],
12. Proxy: {
14. Type:' Ajax ',
16. URL:' person.jsp ',
18. writer:{
20. Type:' json ' //Submit data using JSON
22. //type: ' xml '//submit data Using XML
24. }
26. }
28. });
30. Ext.ModelMgr.create ({
32. Name:' Uspcat.con ',
34. Age:1
36. },' person '). Save ();
38. });

When writing with JSON, the browser views the commit information as if it were submitted in JSON:

When writing with XML, the browser views the commit information as if it were submitted in XML:

Original link: 8159774

ExtJS's Reader