Go Store in the ExtJS

Store is a collection cache of data object model that can provide data (Gridpanel,combobox) for ExtJS visualization

Class structure

Ext.data.AbstractStore

Ext.data.Store No special circumstances, this class can be full of daily development

Ext.data.ArrayStore

Ext.data.DirectStore

Ext.data.ArrayStore built-in helper classes

Ext.data.JsonStroe built-in helper classes

Ext.data.TreeStore

Ext.data.Store use

Parameters

AutoLoad (boolean/object): Automatically load data, automatically call load

Data (Array): An array of built-in objects that are initialized to be loaded in

Model: Data collection-related models

Field: A collection of fields that the program automatically generates for the model

Method

Each (Function f, [Object scope]): Model in void variable data

code example:

[JavaScript]View Plaincopy

2. Ext.onready (function () {
4. Defines the model of a person
6. Ext.define ("person", {
8. Extend: "Ext.data.Model",
10. fields:[
12. {name: ' Name '},
14. {Name: "Age"}
16. //       ]
18. //     });
20. A store dataset was created
22. var s=new Ext.data.Store ({
24. //store can define fields by itself, omitting model
26. fields:[
28. {name:' name '},
30. {Name:"Age"}
32. ],
34. //If the agent is used, you can omit the store's Data property
36. proxy:{
38. Type:"Ajax",
40. URL:"person.jsp"
42. }
44. data:[
46. {Name: "hanhan313", age:23},
48. {Name: "hanhan313", age:22}
50. //         ],
52. //model: "Person"
54. //autoload:true
56. });
58. S.each (function (model) {
60. Ext.Msg.alert ("title", Model.get ("name"));
62. Alert (Model.get ("name"));
64. //     });
66. //In addition to automatic loading, can also be manually loaded, if the use of agents should be used manually loaded, because the use of automatic loading, the traversal of the use of data is still loaded asynchronously, did not get to
68. S.load (function (records,operation, success) {
70. Ext.Array.each (Records,function (model) {
72. Alert (Model.get ("name"));
74. });
76. });
78. });

person.jsp page:

Data in JSON format:

<%

Response.getwriter (). Write ("[{name: ' hanhan313 ', age:26},{name: ' Hahaha ', age:34}]");

%>

Go Store in the ExtJS