ExtJs4学习MVC中的Store

  Ext.data.Store是extjs中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。


1

2

3

4

5

6

7

Ext.define(‘User‘, {

    extend: ‘Ext.data.Model‘,

    fields: [

        {name: ‘loginname‘, type: ‘string‘},

        {name: ‘ip‘,  type: ‘string‘}

    ]

});

  Store既可以从本地数组中读取数据,也可以从服务器远程读取数据,当然还可以服务器代理读取,这些都得靠proxy实现,至于还有哪些区分,以及实现方式将再下一节阐述

  为了更好的说清楚Store的用法,我们做如下例子


1

2

3

4

5

6

7

8

var store = Ext.create(‘Ext.data.Store‘, {

    model: ‘User‘,

    proxy: {

        type: ‘memory‘,

        data:[{loginname:‘admin‘,ip:‘192.168.1.2‘},{loginname:‘guest‘,ip:‘192.168.1.5‘}]

    },

    //autoLoad:true//配置了此项,表明数据集自动加载

});

  一些常用方法


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

//加载数据

store.load();

//添加数据

store.add({loginname:‘administrator.com‘,ip:‘192.168.1.8‘});

//读取数据

store.each(function(record){

    console.info(record.get(‘loginname‘));

    alert(record.get(‘loginname‘));

});

//过滤

//store.filter("loginname", /\.com$/);根据单个属性域(field)过滤:

store.filter([

              {property: "loginname", value: /\.com$/},

              {filterFn: function(item) { return item.get("ip") == ‘192.168.1.5‘; }}

]);

//查找某条记录

var record = store.find(‘loginname‘,‘guest‘);

//获取store中第一条记录的快捷方法.

var record = store.first();

//获取指定index处的记录

var record = store.getAt(2);

//获取store中记录的数量

var count = store.getCount;

//获取store中最后一条记录的快捷方法

var record = store.last();

时间: 2024-11-06 22:57:13

ExtJs4学习MVC中的Store的相关文章

ExtJs4学习(七)MVC中的Store

Ext.data.Store是extjs中用来进行数据交换和数据交互的标准中间件,不管是Grid还是ComboBox,都是通过它 实现数据读取.类型转换.排序分页和搜索等操作的. Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'loginname', type: 'string'}, {name: 'ip', type: 'string'} ] }); Store既能够从本地数组中读取数据,也能够从server远程

Extjs4中的store

Extjs 4引入新的数据包,其中新增了不少新类并对旧有的类作出了修整.使数据包更强大和更容易使用. 本章我们将学习一下内容: 2.1. 概述新特性 Extjs4的数据包引入了如Model类的新特性.同时对Store和Proxy类进行了修整.大部分的修整都是向后兼容的.最大的变化是在Record.Store和Proxy类中.Extjs4的数据包是其中一个与Sencha Touch共享的包. Model是数据包中其中一个最重要的类.它的前身是Record类.现在我们可以通过Model类来代表现实对

在MVC中实现和网站不同服务器的批量文件下载以及NOPI下载数据到Excel的简单学习

嘿嘿,我来啦,最近忙啦几天,使用MVC把应该实现的一些功能实现了,说起来做项目,实属感觉蛮好的,即可以学习新的东西,又可以增加自己之前知道的知识的巩固,不得不说是双丰收啊,其实这周来就开始面对下载在挣扎啦,不知道从哪下手,而且自己针对一个文件下载的小小练习还是写过的,但是和项目中的下载完全就是两个世界,所以我只能抱着学习的心情查找资料啦,刚开始由于leader没有说怎么个下载的办法,我只能自己看些有关下载的资料啦,周一只是在猜测的学习,然后通过询问各路大神.就新学习了NOPI,当我看到Nopi下

ContextLoaderListener和Spring MVC中的DispatcherServlet学习

DispatcherServlet介绍 DispatcherServlet是Spring前端控制器的实现,提供Spring Web MVC的集中访问点,并且负责职责的分派,与Spring IoC容器无缝集成,从而可以获得Spring的所有好处. DispatcherServlet主要用作职责调度工作,本身主要用于控制流程,主要职责如下: 1.文件上传解析,如果请求类型是multipart将通过MultipartResolver进行文件上传解析:2.通过HandlerMapping,将请求映射到处

<转>ASP.NET学习笔记之在ASP.NET MVC中使用DropDownList

看到一篇关于dropdownlist的用法很好的阐述,比较清楚,留着,防止以后自己不记得,还可以瞅瞅. 在ASP.NET MVC中,尽管我们可以直接在页面中编写HTML控件,并绑定控件的属性,但更方便的办法还是使用HtmlHelper中的辅助方法.在View中,包含一个类型为HtmlHelper的属性Html,它为我们呈现控件提供了捷径. 我们今天主要来讨论Html.DropDownList的用法,首先从Html.TextBox开始. Html.TextBox有一个重载方法形式如下: publi

ASP.NET MVC中的ActionFilter介绍学习

一直都知道MVC中的ActionFilter,只是没有在实际项目中使用过. 顾名思义,ActionFilter就是指在Action上的Filter, 那么,在Action上的Filter到底有哪些呢.首先我们看看MVC中的Controller基类(抽象类) public abstract class Controller : ControllerBase, IActionFilter, IAuthenticationFilter, IAuthorizationFilter, IDisposabl

ExtJS4学习--多表头Grid

ExtJS4学习--多表头Grid 分类: javascript 2014-06-11 17:59 1676人阅读 评论(2) 收藏 举报 ext 转载来源:http://www.mhzg.net/a/20115/201151911240247.html 做项目的时候,有时候会遇到多表头的Grid,在EXTJS4中,多表头的实现已经很简单了,本文介绍如何实现多表头gird的功能. 做项目的时候,有时候会遇到多表头的Grid,在EXTJS4中,多表头的实现已经很简单了,本文介绍如何实现多表头gir

学习MVC之租房网站(八)- 前台注册和登录

在上一篇<学习MVC之租房网站(七)-房源管理和配图上传>完成了在后台新增.编辑房源信息以及上传房源配图的功能.到此后台开发便告一段落了,开始实现前台的功能,也是从用户的登录.注册开始. 前台模板使用MUI,一套用于手机端的HTML5模板,但开发期间仍然使用Chrome.FireFox等PC浏览器. 一 注册 注册要求用户输入手机号密码等信息 a) 注册的处理过程为:用户输入手机号后,给手机发送验证码,用户提供收到的验证码以及密码.确认密码,随后便可以点击注册,在浏览器进行简单的有效性校验后,

学习MVC之租房网站(三)-编写实体类并创建数据库

在上一篇<学习MVC之租房网站(二)-框架搭建及准备工作>中,搭建好了项目框架,并配置了EF.Log4Net和进程外Session.接下来会编写Eneity类并采用CodeFirst的方式创建数据库. 一.数据库表结构举例 1. 在按照CodeFirst方式编写Entity类之前,仍然是需要先搞清楚数据库的表结构.首先肯定会有用户.管理员.角色.权限等相关的表,然后针对租房的特殊场景,还有房屋.房屋家电配置.房子所在的地址包括城市和区域等. 2. 这里面有两张表比较特殊,T_Settings和