ExtJs4学习(七)MVC中的Store
2023-09-11 14:21:02 时间
Ext.data.Store是extjs中用来进行数据交换和数据交互的标准中间件,不管是Grid还是ComboBox,都是通过它 实现数据读取、类型转换、排序分页和搜索等操作的。
Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'loginname', type: 'string'}, {name: 'ip', type: 'string'} ] });
Store既能够从本地数组中读取数据,也能够从server远程读取数据,当然还能够server代理读取,这些都得靠proxy实现,至于还有哪些区分,以及实现方式将再下一节阐述
为了更好的说清楚Store的使用方法,我们做例如以下样例
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//配置了此项,表明数据集自己主动载入 });一些经常用法
//载入数据 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();
后台读取数据
var store = Ext.create('Ext.data.Store', { model: 'User', pageSize:5,//每页显示条数,默认25 proxy: { type: 'ajax', url: 'jsonServer.jsp', reader: { type: 'json', root: 'rows', totalProperty: 'total' }, writer: { type: 'json' } } });
怎么获取数据
store.load({ scope: this, callback: function(records, operation, success) { //获取总记录数 //console.info(store.getCount());这个来源于对记录的统计 console.info(store.getTotalCount());//这个来源于后台传过来的total //获取当前页 console.info(store.currentPage); Ext.each(records,function(record){ console.info(record.get('loginname')); }) } }); //显示第二页数据 store.loadPage(2); //显示上一页数据 store.previousPage(); //显示下一页数据 store.nextPage();
后台数据,我以jsp的形式提供
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String[] persons = new String[10]; persons[0] = "{loginname : 'tom' , ip : '192.168.1.1'}"; persons[1] = "{loginname : 'jack' , ip : '192.168.1.2'}"; persons[2] = "{loginname : 'mary' , ip : '192.168.1.3'}"; persons[3] = "{loginname : 'jone' , ip : '192.168.1.4'}"; persons[4] = "{loginname : 'ada' , ip : '192.168.1.5'}"; persons[5] = "{loginname : 'alex' , ip : '192.168.1.6'}"; persons[6] = "{loginname : 'lucy' , ip : '192.168.1.7'}"; persons[7] = "{loginname : 'jms' , ip : '192.168.1.8'}"; persons[8] = "{loginname : 'smile' , ip : '192.168.1.9'}"; persons[9] = "{loginname : 'somnus' , ip : '192.168.1.10'}"; int pageSize = Integer.parseInt(request.getParameter("page").toString()); int limit = Integer.parseInt(request.getParameter("limit").toString()); System.out.println("pageSize="+pageSize+ " limit="+limit); StringBuffer personName = new StringBuffer(); personName.append("{"); personName.append("total : 10,"); personName.append("rows : ["); int min = (pageSize-1)*limit; int max = pageSize*limit; if(max > 10){ max = 10; } for(int i = min ; i < max ; i++){ personName.append(persons[i]); if(i < max - 1){ personName.append(","); } }; personName.append("]"); personName.append("}"); response.getWriter().write(personName.toString()); %>
最后介绍一个Store的一个属性:storeId
当前store对象的唯一标识ID. 当此值存在时, 当前Store将被注冊到Ext.data.StoreManager中, 从而能够在别处轻松创建.
获取方式
var store = Ext.data.StoreManager.lookup('simpsonsStore')
相关文章
- javaWeb学习总结(1)- Tomcat服务器学习和使用(3)
- 学习ASP.NET MVC(十一)——分页
- 学习ASP.NET MVC(十)——排序
- 学习ASP.NET MVC(八)——“Code First Migrations ”工具
- 学习ASP.NET MVC(七)——我的第一个ASP.NET MVC 查询页面
- php之快速入门学习-13(PHP 循环 - While 循环)
- WebAPI调用笔记 ASP.NET CORE 学习之自定义异常处理 MySQL数据库查询优化建议 .NET操作XML文件之泛型集合的序列化与反序列化 Asp.Net Core 轻松学-多线程之Task快速上手 Asp.Net Core 轻松学-多线程之Task(补充)
- 《从零開始学Swift》学习笔记(Day67)——Cocoa Touch设计模式及应用之MVC模式
- spring mvc学习
- SpringMvc学习-4-Spring MVC 拦截器
- 强化学习十大原则
- 《Haskell并行与并发编程》——第1章,第1.1节学习术语:并行性和并发性
- Java反射学习总结四(动态代理使用实例和内部原理解析)
- ABP理论学习之MVC控制器(新增)
- knife4j的学习
- JMeter学习-017-java.net.SocketException: Permission denied: connect 解决方案
- 手把手学习springcloudalibaba:Git安装和项目克隆
- 手把手学习Vue3.0:使用v-model和v-bind的区别
- Django学习---快速搭建搜索引擎(haystack + whoosh + jieba)
- Java学习路线:day10 面向对象(上)3
- Asp.Net MVC学习总结之过滤器详解(转载)
- pretext task和downstream task是什么意思?(自监督学习)