Ext.data.Store是extjs中用來(lái)進(jìn)行數(shù)據(jù)交換和數(shù)據(jù)交互的標(biāo)準(zhǔn)中間件，不管是Grid還是ComboBox，都是通過(guò)它 實(shí)現(xiàn)數(shù)據(jù)讀取、類型轉(zhuǎn)換、排序分頁(yè)和搜索等操作的。

Ext.define('User', {extend: 'Ext.data.Model',fields: [{name: 'loginname', type: 'string'},{name: 'ip', type: 'string'}] });
Store既能夠從本地?cái)?shù)組中讀取數(shù)據(jù)，也能夠從server遠(yuǎn)程讀取數(shù)據(jù)，當(dāng)然還能夠server代理讀取，這些都得靠proxy實(shí)現(xiàn)，至于還有哪些區(qū)分，以及實(shí)現(xiàn)方式將再下一節(jié)闡述

為了更好的說(shuō)清楚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//配置了此項(xiàng)，表明數(shù)據(jù)集自己主動(dòng)載入 });一些經(jīng)常用法

//載入數(shù)據(jù) store.load(); //加入數(shù)據(jù) store.add({loginname:'administrator.com',ip:'192.168.1.8'}); //讀取數(shù)據(jù) store.each(function(record){console.info(record.get('loginname'));alert(record.get('loginname')); }); //過(guò)濾 //store.filter("loginname", /\.com$/);依據(jù)單個(gè)屬性域(field)過(guò)濾: 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中記錄的數(shù)量 var count = store.getCount; //獲取store中最后一條記錄的快捷方法 var record = store.last();

后臺(tái)讀取數(shù)據(jù)

var store = Ext.create('Ext.data.Store', {model: 'User',pageSize:5,//每頁(yè)顯示條數(shù),默認(rèn)25proxy: {type: 'ajax',url: 'jsonServer.jsp',reader: {type: 'json',root: 'rows',totalProperty: 'total'},writer: {type: 'json'}} });
怎么獲取數(shù)據(jù)

store.load({scope: this,callback: function(records, operation, success) {//獲取總記錄數(shù)//console.info(store.getCount());這個(gè)來(lái)源于對(duì)記錄的統(tǒng)計(jì)console.info(store.getTotalCount());//這個(gè)來(lái)源于后臺(tái)傳過(guò)來(lái)的total//獲取當(dāng)前頁(yè)console.info(store.currentPage);Ext.each(records,function(record){console.info(record.get('loginname'));})} });//顯示第二頁(yè)數(shù)據(jù) store.loadPage(2); //顯示上一頁(yè)數(shù)據(jù) store.previousPage(); //顯示下一頁(yè)數(shù)據(jù) store.nextPage();

后臺(tái)數(shù)據(jù)，我以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()); %>

最后介紹一個(gè)Store的一個(gè)屬性：storeId

當(dāng)前store對(duì)象的唯一標(biāo)識(shí)ID. 當(dāng)此值存在時(shí), 當(dāng)前Store將被注冊(cè)到Ext.data.StoreManager中, 從而能夠在別處輕松創(chuàng)建.

獲取方式?

var store = Ext.data.StoreManager.lookup('simpsonsStore')

轉(zhuǎn)載于:https://www.cnblogs.com/gcczhongduan/p/4215547.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的ExtJs4学习（七）MVC中的Store的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。