Extjs学习笔记(六) 数据集

store是一个存储数据对象Model 的集合缓存,他可以为extjs的可视化组建提供数据(GridPanel,ComboBox)等

结构图

@Ext.data.Store 使用
    参数
      autoLoad(Boolean/Object) : 自动加载数据,自动调用load
      data(Array) : 内置数据对象的数组,初始化的是就要被装在
      model(Model): 数据集合相关的模型
      fields(Field):字段的集合,程序会自动生成对于的Model
    方法
      each( Function f, [Object scope] ) : void 变量数据中的Model

 

person.jsp

<%@page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%
	response.getWriter().write("[{name:'uspcat.com',age:1},{name:'yfc',age:26}]");
%>

 js:

(function(){
	Ext.Loader.setConfig({
		enabled:true
	});
	Ext.onReady(function(){
//		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:'uspcat.com',age:1},
//				{name:'yfc',age:26}
//			],
			proxy:{
				type:'ajax',
				url:'person.jsp'
			}//,
			//model:'person',
			//autoLoad:true
		});
//		s.each(function(model){
//			alert(model.get('name'));
//		});
		s.load(function(records, operation, success){
			Ext.Array.each(records,function(model){
				//alert(model.get('name'));
			});
			s.filter('name',"yfc"); //过滤掉值为YFC的元素
			s.each(function(model){
				alert(model.get('name'));
			});	
			var index = s.find('name','yfc',0,false,true,false);
			alert(index)
			
			//alert(s.getName());
		});
	})
})();