目标:重写一个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. H5切换至后台页面

    先说重点,试了很多种方法,这个真实有效 var reLoadLeftTime = false ;//监听浏览器当前页面是否被激活的事件var hiddenProperty = 'hidden' in ...

  2. 浅谈CSS3中display属性的Flex布局

    浅谈CSS3中display属性的Flex布局   最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex 1 .container { 2 display: fle ...

  3. Ansible故障

    常见问题一: [root@m01 ~]# ansible  -k 172.16.1.51 -m ping SSH password: [WARNING]: No hosts matched, noth ...

  4. 阿里插件检查 lombok报错---方法缺少 '@Override' 注解

    问题: Eclipse里,阿里编码规约插件扫描代码出现,但是idea却没有. 解决: 将以上注解改成 @Setter @Getter @NoArgsConstructor @AllArgsConstr ...

  5. Thread.GetNamedDataSlot(String)

    https://docs.microsoft.com/zh-cn/dotnet/api/system.threading.thread.getnameddataslot?redirectedfrom= ...

  6. angularJs(2)表单中下拉框单选多选

    多选 <input type="checkbox" ng-model='game' ng-true-value="1" ng-false-value=&q ...

  7. 查看linux系统各种参数配置的命令

    查看linux系统各种参数配置的命令 last |grep shutdown                             //查看上次关机时间 last |grep reboot     ...

  8. Python3 PIL Image 操作文件后导致占用问题

    需求:按图片分辨率范围分类图片(每个商品有N张图片在一个目录内). 实现:用PIL Image打开图片并读取宽度和高度.然后按不同分辨率存档到不同目录. 问题:从原有目录移动到目标目录时出现 “Per ...

  9. maya 安装不上

    AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...

  10. Linux小工具:文件上传ftp服务器

    工作期间,每次将文件上传至ftp服务器时,均需要手工输入ip.用户名.密码等,因此,考虑编写脚本完成文件的上传任务.具体的脚本sync.sh如下: #!/bin/bash source ~/.bash ...