目标:重写一个BaseStore的基类,它继承自Ext.data.Store基类。  autoLoad:true/false  是否自动加载,true时创建store即自动加载,一般适合get方式;false时一般需要通过触发事件给store赋参数,然后load(),一般适合post请求方式。

  remoteSort:true/false  是否远程服务器排序,默认false,即在客户端排序。

  sortOnLoad:true/false  默认true,所有加在store上的排序操作都在数据加载完之后,改变数据的事件触发之前进行,如果remoteSort为true,则会忽略该字段功能。

  pageSize:number  默认25,每页加载多少行数据,可用于nextPage和previousPage方法实现分页功能。

  model:string  store对应的model,一般必填,最重要的参数。

  fields:object  如果没有model,则可以直接给fields赋值,会根据fields自动创建对应的model。

  proxy:数据代理方式  proxy基类又有很多参数和属性,以type:'Ajax'为例:

(1) batchActions:true/false  是否设置启用批量操作,默认为true。批量操作就是对Store实例中的记录作CUD(create、update、destroy)后,执行“store实例.sync()”批量将操作发送到服务端。

(2) batchOrder: 以逗号作分隔符的方式设置批量操作的顺序,默认为"create,update,destroy"。仅batchActions为true时有效。

(3) reader: 读取服务器端数据的方式,常用'json'方式,与之对应的是writer:从客户端向服务器端发送数据时的数据形式,常用'json'。

(4) actionMethods: http请求方式,get一般read操作,post一般create、update、destroy操作。

(5) api:增删改查对应的后台路径。

(6) extraParams:object  前台往后台发送请求时需要的参数:比如:

param:{date:myDate,
time:myTime,
num:myNum
}
myStore.extraParams=param;这样就可以把参数发送给后台了。

(5) Ext.data.reader.Json很常用,很重要,它的重要参数和属性:

  1. idProperty:从数据源读取的记录的id属性名,默认与Model的idProperty一致;
  2. messageProperty:从数据源读取的数据的message属性名,默认为message;
  3. root:从数据源读取的数据的记录入口属性名,默认为空字符串;
  4. successProperty:从数据源读取的数据的success属性名,默认为success;其值为true则表示成功,为false且存在errors属性则表示服务端失败,为false且无errors属性则表示链接失败。
  5. totalProperty:从数据源读取的数据的total属性名,默认为total;表示总记录数目。

(6) Ext.data.writer.Json 参数和属性:

  1. allowSingle:true/false  默认true,只有一组数据时不用数组形式,false时都用数组形式。

  2. writeAllFields:设置为true时将记录的所有字段均发送到数据源(客户端或服务端);false时则仅发送标记为modified(修改过的)的字段到数据源。默认值为true。注意被标记为persist为false的字段将不发送到数据源。

以上就是和store基类有关的经常用到的属性和参数,自己可以根据这些属性构造适合自己的基类。

Ext.define('MyExt.store.Base.BaseStore', {
extend: 'Ext.data.Store',
requires: ['MyExt.store.JsonReader'],
autoLoad: true,
remoteSort: false,
sortOnLoad: false,
pageSize: 50,
model: '', //必填属性 model
readAction: 'get', //请求读取时的方式post、get
batchActions: true,
constructor: function (config) {
Ext.apply(this, config);
var me = this;
var model = Ext.create(me.model, {});
var multiidProperty = false;
if (typeof (model.idProperty) != 'string') {
multiidProperty = true;
}
me.proxy = {
type: "ajax",
api: model.api,
reader: Ext.create('MyExt.store.JsonReader', {
idProperty: model.idProperty
}),
writer: {
type: 'json',
writeAllFields: multiidProperty,
allowSingle: false
},
actionMethods: {
read: me.readAction
},
batchActions: me.batchActions,
method: 'post'
};
this.callParent([config]);
return this;
},
setParam: function (obj) {
Ext.apply(this.proxy.extraParams, obj);
if (this.pageSize != -1) this.currentPage = 1;
}
});
Ext.define('MyExt.store.JsonReader', {
extend: 'Ext.data.reader.Json',
type: 'json',
root: 'data',
totalProperty: 'count',
successProperty: 'success',
messageProperty: 'message',
constructor: function (config) {
Ext.apply(this, config);
this.callParent([config]);
return this;
}
});

这样就可以很方便的用自己写的BaseStore基类了。

未完待续。。。

Extjs4如何构造store基类的更多相关文章

  1. C/C++ 多继承{虚基类,虚继承,构造顺序,析构顺序}

    C/C++:一个基类继承和多个基类继承的区别 1.对多个基类继承会出现类之间嵌套时出现的同名问题,如果同名变量或者函数出现不在同一层次,则底层派生隐藏外层比如继承基类的同名变量和函数,不会出现二义性, ...

  2. 从汇编看c++中含有虚基类对象的析构

    c++中,当继承结构中含有虚基类时,在构造对象时编译器会通过将一个标志位置1(表示调用虚基类构造函数),或者置0(表示不调用虚基类构造函数)来防止重复构造虚基类子对象.如下图菱形结构所示: 当构造类B ...

  3. C++ | 继承(基类,父类,超类),(派生类,子类)

    转载:https://blog.csdn.net/Sherlock_Homles/article/details/82927515 文章参考:https://blog.csdn.net/war1111 ...

  4. C++类继承中,基类/当前对象属性/当前对象的构造顺序

    [1]中提到,规范的派生类构造函数三个要点: 首先创建基类对象 应通过成员初始化列表,创建基类对象 应该初始化本派生类新增的成员变量 那在构造派生类实例的过程中,其基类(以及多继承的时候多个基类)/当 ...

  5. C++类继承--构造函数时先构造基类

    以下说明继承类函数构造时,先构造基类: 析构基类时,若没加上virtual,只析构基类,不析构派生类: 析构派生类时,同时会析构基类: 1. 基类析构函数有virtual #include <s ...

  6. c# 衍生类和基类的构造顺序

    public class MyDeriveClass :MyBaseClass { public MyDeriveClass() :base() { } int derive_int = 1; } p ...

  7. Filter组件开发中的SDK基类分析

    DirectShow SDK提供了一套开发Filter的基类源代码.基于这些基类开发Filter将大大简化开发过程. 1.CBaseObject 大部分SDK类都从CBaseObject类(参见com ...

  8. Caffe源码理解3:Layer基类与template method设计模式

    目录 写在前面 template method设计模式 Layer 基类 Layer成员变量 构造与析构 SetUp成员函数 前向传播与反向传播 其他成员函数 参考 博客:blog.shinelee. ...

  9. 基于SqlSugar的开发框架循序渐进介绍(10)-- 利用axios组件的封装,实现对后端API数据的访问和基类的统一封装处理

    在SqlSugar的开发框架的后端,我们基于Web API的封装了统一的返回结果,使得WebAPI的接口返回值更加简洁,而在前端,我们也需要统一对返回的结果进行解析,并获取和Web API接口对应的数 ...

随机推荐

  1. LUNA16数据集(二)肺结节可视化

    在检测到肺结节后,还需要可视化,这样才能为诊断服务. 我使用的项目地址为:https://github.com/wentaozhu/DeepLung 项目基于论文:DeepLung: Deep 3D ...

  2. 编译 OpenWrt/LEDE 基本过程

    说明 前段时间花 110 从闲鱼淘了个 Newifi D1,这个路由的 Soc 是 MT7621AT,性能强劲,于是又开始折腾编译固件了,重新记录一下编译基本过程. 步骤 安装必要的软件包 sudo ...

  3. Solr学习笔记(4) —— SolrCloud的概述和搭建

    一.概述 1.1 什么是SolrCloud Lucene是一个Java语言编写的利用倒排原理实现的文本检索类库: Solr是以Lucene为基础实现的文本检索应用服务.Solr部署方式有单机方式.多机 ...

  4. DokanLibrary 卸载

    如果不小心安装了旧版...请卸载 在 c 盘中搜索  doken 其中有一个文件叫dokan.sys  它在C:\Windows\System32\drivers 文件夹中...放心删掉之.. 太坑了 ...

  5. C语言文件I/O和标准I/O函数

    读取/写入  相对于文件而言 输入/输出 相对于程序/内存而言 一切皆文件,键盘.显示屏也是文件,只不过是特殊的标准文件: 标准文件:标准输入.标准输出.标准错误:---->对应的文件指针:st ...

  6. redis 集合

    > SADD myset1 a b c (integer) > SADD web maiziedu.com (integer) > SADD web maiziedu.com (in ...

  7. Tcpdump命令抓包详细分析

    1 起因 前段时间,一直在调线上的一个问题:线上应用接受POST请求,请求body中的参数获取不全,存在丢失的状况.这个问题是偶发性的,大概发生的几率为5%-10%左右,这个概率已经相当高了.在排查问 ...

  8. HIVE sql取中文

    select regexp_replace(str,'[^\\u4e00-\\u9fa5]','') as str1 from ( select 'test测试test' as str ) t ;

  9. esper(4-1)-简单context

    1.创建context语法 create context context_name partition [by] event_property [and event_property [and ... ...

  10. vi或vim下按方向键改变方向变成ABCD这类字符

    遇到这种问题肯定很恼火,按方向键改变文本的方向有时候变成输入ABCD,有时候并不是我们想要的结果 解决方法: $ echo "set nocp" >> ~/.vimrc ...