Extjs4.0 store 详解

/**
 * Extjs4.0 store 详解
 *
 * store是一个存储数据对象model的集合缓存,可以为extjs的可视化组建提供数据（GridPanel、Combox） 类结构:
 * Ext.data.AbstractStore Ext.data.Store Ext.data.ArrayStore
 * Ext.data.DirectStore Ext.data.JsonStore Ext.data.TreeStore
 *
 * Ext.data.Store使用 参数 autoLoad(Boolean/Object):自动加载数据，自动调用load
 * data（Array）：内置数据对象数组，初始化就要被装载 model(Model):数据集合相关的模型
 * fields（Field）:字段的集合，程序会自动生成对应的model 方法:each(Function f,[Object scope])
 * object为数据中的model
 */

Ext.onReady(function() {
   // 启用loader
   Ext.Loader.setConfig({
      enabled : true
     });
   /*Ext.define("person", {
      extend : "Ext.data.Model",
      fields : [{
         name : 'name'
        }, {
         name : 'age'
        }],
      proxy : {
       type : 'memory'
      }
     });*/

   var s = new Ext.data.Store({
      fields : [{
         name : 'name'
        }, {
         name : 'age'
        }],
      data : [{
         name : 'ww.badu.com',
         age : 23
        }, {
         name : 'ww..com',
         age : 24
        }],
        proxy:{
        type:'ajax',
        url:'person.jsp'
        }
      //model : 'person',
      //autoLoad : true
     });
   /*s.each(function(model) {
      alert(model.get('name'));
     });
*/
     s.filter('name',"ww.yy.com");
     s.load(function(records,operation,success){
     Ext.Array.each(records,function(model){
     alert(model.get('name'));
     });
     var index=s.find('name','ww\.yy\.com',0,false,true,false);
     alert(index);
     })
  })

 

 

 

peson.jsp

 

<%@page language="java" contentType="text/html; charset=utf-8"%>
<%
System.out.println(request.getParameter("id"));
response.getWriter().write("[{name:'www.com',age:2},{name:'ww.yy.com',age:79}]");
%>