Ext.data.Store

最新推荐文章于 2017-12-27 17:18:20 发布

info_

最新推荐文章于 2017-12-27 17:18:20 发布

阅读量448

点赞数

分类专栏： ext

本文链接：https://blog.csdn.net/info_/article/details/8610150

版权

ext 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了ExtJS中Store的概念及其在应用程序中的作用。Store是用于缓存Model数据的对象集合，能够为GridPanel、ComboBox等组件提供数据支持。文章还详细解释了如何配置Store，并通过实例展示了如何使用Store进行数据加载及过滤。

摘要由CSDN通过智能技术生成

store是一个存储数据对象Model的集合缓存,他可以为extjs的可视化组建提供数据(GridPanel,ComboBox)等
类结构
Ext.data.AbstractStore
   Ext.data.Store 没有特殊情况这个类就可以满日常的开发了
       Ext.data.ArrayStore
       Ext.data.DirectStore
       Ext.data.ArrayStore 内置辅助的类
       Ext.data.JsonStroe       内置辅助的类
   Ext.data.TreeStore



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

store.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");
			s.each(function(model){
				alert(model.get('name'));
			});	
			var index = s.find('name','yfc',0,false,true,false);
			alert(index)
			
			alert(s.getName());
		});
	})
})();

person.jsp

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