Ext3.0 数据抓取的 store 介绍

来源：互联网发布：路由p2p流量优化编辑：程序博客网时间：2024/05/17 23:10

Ext 提供了 Store 的五个子类：分别为：
Supper class : Ext.data.Store----
Subclass : (1) Ext.data.DirectStore (2) Ext.data.JsonStore, (3) Ext.data.GroupingStore (4) Ext.data.ArrayStore (5) Ext.data.XmlStore

第一种方式是直接配置 store 和服务端操作数据的储存器，只用配置 DirectStore 的 api ，则 store 就会自动处理store 的数据到服务端，

Ext.create('Ext.data.DirectStore', {
   model: 'File',
      storeId: 'filesStore',
      autoLoad: true,
autoSync: true,
remoteSort: true,
      api: {
  create: MyApp.FileAction.Create,
   read: MyApp.FileAction.Load,
      update: MyApp.FileAction.Update,
   destroy: MyApp.FileAction.Destroy
      },

(2) 这个方法使用简单的 Json 数据，多用在只是抓数据，简单的显示，读取方式是：
Demo: (1)
var departmentStore = new Ext.data.JsonStore({ proxy: new Ext.data.HttpProxy({ method: "POST", url: "Data/Department/DepartmentDdl.aspx" }), root: "data", fields:["Id","Name"], idProperty:"Id", storeId:"departmentStore"

});

(2)
var departmentStore = new Ext.data.JsonStore({ root: "data", url: "Data/Department/DepartmentDdl.aspx", fields:["Id","Name"], idProperty:"Id", storeId:"departmentStore"

});

第三种方式： Ext.data.GroupingStore

提供了根据可用的字段对记录进行分组的功能。此类通常与 Ext.grid.GroupingView联合使用，为一个分组型的GridPanel提供数据模型抓数据方法：(1)

var dutyStore = new Ext.data.GroupingStore({
proxy: new Ext.data.HttpProxy({
method: "POST",
url: "Data/Base/DutyListPage.aspx"
}),
reader: new Ext.data.JsonReader({
root: "data",
fields: ["Id", "Name"],
idProperty: "Id",
totalProperty: "totalCount"
}),
remoteSort: false
});

(2)

var dutyStore = new Ext.data.GroupingStore({
url: "Data/Base/DutyListPage.aspx" ,
reader: new Ext.data.JsonReader({
root: "data",
fields: ["Id", "Name"],
idProperty: "Id",
totalProperty: "totalCount"
}),
remoteSort: false
});

第四个类 Ext.data.ArrayStore 注意处理数组数据
第五个类 Ext.data.XmlStore 处理从 xml 中抓数据

这里要注意，前三个类处理的数据都是 json 字符串或者说是json 对象
第四个类是处理数组型数据第五个类是处理 Xml数据