`
tmartin
  • 浏览: 104876 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

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());
		});
	})
})();


 
  • 大小: 19.2 KB
分享到:
评论

相关推荐

    Extjs学习笔记之九 数据模型(上)

    ### Extjs 学习笔记之九:数据模型(上) #### 概述 本文将深入探讨Extjs框架中至关重要的组成部分——数据模型。数据模型在Extjs中扮演着核心角色,它不仅为开发者提供了强大的数据处理能力,还极大地简化了前端与...

    ExtJs学习笔记,共30讲

    6. **Ext.data.Store篇**:Store是ExtJs中的数据管理器,负责存储和管理数据集,这里可能解释了如何配置Store、加载数据、监听数据变化等。 7. **Ext.data.JsonReader篇**:JsonReader用于解析JSON格式的数据,与...

    extJs+2.1学习笔记.pdf

    本学习笔记将深入探讨ExtJS 2.1的关键概念和技术,帮助读者掌握这个框架的核心要素。 1. **ExtJs 结构树** 在ExtJS中,应用程序通常基于组件树构建,每个组件都有自己的属性、方法和事件。理解这种结构对于布局...

    ExtJS使用笔记

    ExtJS是一个开源的JavaScript库,主要用于...通过本笔记的学习,可以掌握ExtJS在前端开发中的应用,理解各个组件和管理器的使用方法,以及一些针对特定浏览器的布局技巧,为创建美观、高效的用户界面打下坚实的基础。

    ExtJs 学习笔记 Hello World!第1/2页

    在本文中,我们将探讨ExtJS这一强大的JavaScript框架,以及如何开始使用它构建Web应用程序。...在后续的学习中,我们将进一步探索ExtJS的高级特性,包括数据模型、Store、Grid和Form等,以及如何与服务器进行数据交互。

    javase6 学习笔记(李兴华培训课堂笔记所有.)

    JavaSE6学习笔记是针对Java初学者和进阶者的一份宝贵资料,由知名讲师李兴华的培训课堂笔记汇编而成。这份笔记全面、详细地涵盖了Java SE 6版本的核心概念和技术,对于理解Java编程语言的基础以及进阶特性具有重要...

    十分有用有帮助的EXT学习笔记

    - **Store和Model**: Store是用来管理数据集的组件,它可以与服务器进行交互,加载和保存数据。Model定义了数据的结构和行为,它是Store中数据的模型。 - **事件处理**: EXT中的组件都支持事件监听,通过绑定事件...

    ExtJs5+Spring.Net+MVC项目搭建笔记2

    在本篇笔记中,我们将探讨如何使用ExtJS5、Spring.NET和MVC技术来构建一个高效、健壮的Web应用程序。这些技术的结合为开发者提供了强大的前端交互性和后端服务管理能力,使得开发过程更为流畅。 首先,让我们深入...

    ext经典资料学习—201012

    13. **extJs 2.0 学习笔记**:这部分笔记涵盖了EXTJS 2.0版本的主要特性,包括Ajax的使用、数据管理基础、Panel的深入理解等,帮助开发者掌握EXTJS的基本用法。 EXTJS的学习是一个不断深入的过程,从基础组件到高级...

    Ext2.0教程与实例 开发与实践笔记

    接下来是"ExtJS2.0开发与实践笔记"系列文档。这些文档深入探讨了Ext2.0的各个方面,可能包括布局管理(Layouts)、数据存储(Data Stores)、Ajax通信(Ajax Requests)以及组件扩展(Component Extension)。布局...

    UniGui开发资料集合.rar

    4. "UniGui中设置uniEdit控件的fieldLabel ,emptyText等Extjs属性 - 记性不好,笔记而已 - 博客频道 - CSDN_NET.htm":此文件介绍了如何设置UniEdit控件的特定属性,如fieldLabel和emptyText,这些属性来源于ExtJs库...

    【藏宝图】(珍藏版)2012java开发工程师必备精品资料(115)

    这个项目采用ExtJs+struts2+hibernate+spring等技术栈实现了图书管理系统,适合中级开发者用来学习企业级应用的开发方法。 #### 二十四、java聊天程序 该聊天程序支持私聊、公聊、截图、文件传输等功能,是一份...

Global site tag (gtag.js) - Google Analytics